* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
	outline: none;
}
body, .mainwrapper {
  /* Break the flow */
  position: absolute;
  top: 0px;

  /* Give them all the available space */
  width: 100%;
  height: 100%;

  /* Remove the margins if any */
  margin: 0;

  /* Allow them to scroll down the document */
  overflow-y: hidden;
}

body {
  /* Sending body at the bottom of the stack */
  z-index: 1;
}

.mainwrapper {
  /* Making the wrapper stack above the body */
  z-index: 2;
}
.unavailable {
	color: #999;
	font-size: 0.9em;
}

#appversion {
	font-family: Arial;
	position: fixed;
	bottom: 10px;
	right: 15px;
	color: #000;
	font-size: 11px;
	line-height: 11px;
	opacity: .6;
}

#focusMe {
	background: transparent;
}

.clearfix { clear: both; }

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.expandwrapper {
	display: none;
}

.viewbuttons {
	padding: 10px 0 5px;
	text-align: center;
}

#noResult{
	font-size: 20px;
}

.viewsplitter {
	display: flex;
	flex-direction: column;
}

.viewsplitter > * {
	flex: 1;
	overflow: hidden;
}

.flexcol {
	display: flex;
	flex-direction: column;
}

.flexrow {
	display: flex;
	flex-direction: row;
}

.flexcol > *,
.flexrow > * {
	flex: 0 1 auto;
}

.flexcol.equal > *,
.flexrow.equal > * {
	flex: 1 1 auto;
}

.flexcol > .fill,
.flexrow > .fill {
	flex: 1 1 100%;
}

.spacing.vertical {
	margin-top: 10px;
	margin-bottom: 10px;
}

.spacing.horizontal {
	margin-left: 10px;
	margin-right: 10px;
}

.flexrow > .shrink {
	flex: 0 1 auto;
}


.flexrow {
	display: flex!important;
	flex-direction: row;
}

.flexrow > .fill {
	flex: 1 1 100%;
}

.flexrow > .shrink {
	flex: 0 1 auto;
}

.preLine {
	white-space: pre-line;
}

/**
 * TYPOGRAPHY
 * Layout fonts and styles
 */
 @font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'), url(../font/SourceSansPro-300.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: local('Source Sans Pro'), local('SourceSansPro-Regular'), url(../font/SourceSansPro-400.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: local('Source Sans Pro Semibold'), local('SourceSansPro-Semibold'), url(../font/SourceSansPro-600.woff) format('woff');
}

body { 
	font-size: 75%;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
}

#mainwrapper { font-size: 1.4em; }

h1, h2, h3, h4 { 
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	text-rendering: initial;
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
 	text-overflow: ellipsis;
}

.pagetitle {
	text-transform: uppercase;
	font-weight: 600;
	border-bottom: 2px solid #ccc;
	padding: 5px 0 10px;
	margin: 0;
}
.pageTitleFlex {
	display: flex;
    flex-wrap: wrap;
    padding-bottom: 5px;
    justify-content: space-between;
}

.subpagetitle {
	font-size: 1.2em;
	border-bottom: 1px solid #ddd;
	padding: 5px 0;
}

.page.historyOperations .subpagetitle {
	padding: 10px 0;
}

.page.historyOperations #objectInfo {
	background: #efefef;
  	padding: 5px;
}

#titleinfo {
	float: right;
	font-size: .9em;
	padding: 2px;
	font-weight: normal;
}

#titleinfo.info-icon {
	background: url(../image/info-icon.png) no-repeat 100% 50%;
	padding-right: 24px;
}

/**
 * CONTAINERS
 * Layout containers
 */
 
 body, html, #mainwrapper {
 	background-color: #fff;
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}
 
#mainwrapper {
	display:block;
	overflow: hidden;
}

#mainheader {
	background: -webkit-linear-gradient(top, #59585E 1%, #46464B 100%);
	background: -moz-linear-gradient(top, #59585E 1%, #46464B 100%);
	background: -ms-linear-gradient(top, #59585E 1%, #46464B 100%);
	background: -o-linear-gradient(top, #59585E 1%, #46464B 100%);
	background: linear-gradient(top, #59585E 1%, #46464B 100%);
	height: 50px;
	width: 100%;
}

#content-container {
	width: 100%;
	position: relative;
	overflow: auto;
}

.page {
	margin: 0 5px;
}

/**
 * SYSTEM MESSAGES
 * All styles for system messages
 */
#errors {
	list-style: none;
}

#errors li {
	margin: 10px 0 5px;
	background: #FFEBEB;
	padding: 7px;
	color: #B30C0C;
}

.errorlabel {
	display: block;
	font-weight: 600;
}

#user-notification {
	position: fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	bottom: 35px;
	left: 5%;
	width: 90%;
	font-size: 1.3em;
	display: none;
	z-index: 9999;
	padding: 8px 14px 8px 14px!important;
}

#user-notification p {
	margin: 0;
}

/**
 * ACTIONS
 * Site- and page actions
 */
#mainactions,
#pageactions  {
	height: 50px;
}

#mainactions {
	list-style: none;
	float: left;
}

#pageactions {
	float: right;
	list-type: none;
}

#mainactions li,
#pageactions li {
	display: inline-block;
	float: left;
}

#mainactions .action,
#pageactions .action {
	display:block;
	width: 50px;
	height: 50px;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: none;
}

.action.orderschedu { 
	background-image: url(../image/menu_history.png); 
	background-size: 28px;
}
.action.back { background-image: url(../image/action-back.png); }
.action.home { background-image: url(../image/action-home.png); }
.action.order { background-image: url(../image/menu_orders.png); 
	background-size: 52%;
	background-position: 56% 53%!important;
}
.action.clear { background-image: url(../image/trash.png); }

#pageactions .action.sync { 
	background-image: url(../image/action-sync-sprite.png);
	background-position: 0 0;
}
#pageactions .action.sync.hasData {
	background-position: 0 -50px;
}
.action.sort { background-image: url(../image/sort-button.png); }
.action.sort.descending { background-image: url(../image/sort-button-descending.png); }
.action.search{ background-image: url(../image/action-search.png); }
.action.search.active{ background-image: url(../image/search_active.png); }
.action.orderlist { background-image: url(../image/orderlist-button.png); }
.action.filter { background-image: url(../image/action-filter.png); }
.action.filter.active { background-image: url(../image/action-filter-active.png); }
.action:disabled {
	opacity: .5;
}

/**
 * SEARCH BOX
 * Application wide search box
 */
#searchbox {
	display: none;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	top: 50px; /* height of the #mainheader */
	right: 0%;
	padding: 10px;
}

#searchbox input[type="search"] {
	padding: 4px;
	width: 200px;
}

#searchbox button {
	padding: 4px;
}

.search-ac {
  display: none;
  position: absolute;
  top: 45px;
  left: inherit;
  right: inherit;
  width: 91%;
  z-index: 10;
  background: #fdfdfd;
  border: 1px solid;
  border-color: #cbcfe2 #c8cee7 #c4c7d7;
  border-radius: 3px;
  background-image: -webkit-linear-gradient(top, #fdfdfd, #eceef4);
  background-image: -moz-linear-gradient(top, #fdfdfd, #eceef4);
  background-image: -o-linear-gradient(top, #fdfdfd, #eceef4);
  background-image: linear-gradient(to bottom, #fdfdfd, #eceef4);
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}
.search-ac:hover {
  display: block;
}
.search-ac li {
  display: block;
}
.search-ac li:first-child {
  margin-top: -1px;
}
.search-ac li:first-child:before, .search-ac li:first-child:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -5px;
  border: 5px outset transparent;
}
.search-ac li:first-child:before {
  border-bottom: 5px solid #ccc;
  top: -11px;
}
.search-ac li:first-child:after {
  border-bottom: 5px solid #ccc;
  top: -10px;
}
.search-ac li:first-child:hover:before, .search-ac li:first-child:hover:after {
  display: none;
}
.search-ac li:last-child {
  margin-bottom: -1px;
}
.search-ac a {
  display: block;
  position: relative;
  margin: 0 -1px;
  padding: 6px 40px 6px 10px;
  color: #000000;
  font-weight: 500;
  text-decoration: none;
  text-shadow: 0 1px white;
  border: 1px solid transparent;
  border-radius: 3px;
}
.search-ac a span {
  font-size: 1.3em;
  font-weight: 700;
}
.search-ac a:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -9px;
  width: 18px;
  height: 18px;
}
.search-ac a:hover {
  color: black;
  border-color: #cbcfe2 #c8cee7 #c4c7d7;
  background-image: -webkit-linear-gradient(top, #e8e8e8, #f0f0f0);
  background-image: -moz-linear-gradient(top, #e8e8e8, #f0f0f0);
  background-image: -o-linear-gradient(top, #e8e8e8, #f0f0f0);
  background-image: linear-gradient(to bottom, #e8e8e8, #f0f0f0);
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px rgba(0, 0, 0, 0.08);
}

/**
 * FORMS
 * Application forms
 */

.button {
	background: #ddd;
	border: 1px solid #ccc;
	color: #555;
	font-weight: 600;
	font-size: .7em;
	padding: 7px 15px;
	line-height: 1;
	border-radius: 2px;
	text-transform: uppercase;
}

.button.small {
	text-transform: capitalize;
	padding: 5px 7px;
	font-weight: 400;
}
.button.icon {
	padding: 5px 15px;
}

.button.full {
	display: block;
	width: 100%;
}

.button.green {
	background-color: #65BD77;
	border-color: #65BD77;
	color: #fff;
}

.button.red {
	background-color: #FD7866;
	border-color: #FD7866;
	color: #fff;
}

.button[disabled] {
	background: #ccc;
	border-color: #ccc;
}

select.btn {
	max-width: 105px;
	outline: none!important;
}
select.btn > option {
	background: #fff;
}

button.disable,
button:disabled {
	background-color: #ccc;
}

.notification input[type="time"],
.notification input[type="date"] {
	padding: 10px 6px;
	height: 18px!important;
}

/**
 *	SORT BOX
 * */
 #sortbox {
	display: none;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	top: 50px; /* height of the #mainheader */
	right: 5%;
	padding: 10px;
}

#sortbox input[type="sort"]{
	padding: 4px;
	width: 200px;
}

#sortbox li{
	padding: 4px;
	color:white;
	border: 1px solid white; 
	margin-top: 2px;
	font-size: 1.2em;
	list-style: none;
}

#sortForm,#searchForm,#searchForm input[type="search"] {
	margin: 0px;
}

#hideQuantityTxt {
    display:inline-block; 
    vertical-align:top; 
    font-size:80%; 
    width:120px
}

/**
 *	FILTER BOX DYNAMIC
 * */
 #filterbox_dynamic {
	display: none;
	background: rgba(0, 0, 0, .7);
	position: absolute;
	top: 50px; /* height of the #mainheader */
	right: 5%;
	padding: 10px;
}

#filterbox_dynamic input[type="sort"]{
	padding: 4px;
	width: 200px;
}

#filterbox_dynamic li{
	padding: 4px;
	color:white;
	border: 1px solid white;
	margin-top: 2px;
	font-size: 1.2em;
	list-style: none;
	text-transform: uppercase;
}
#filterForm_dynamic {
	margin: 0px;
}
.filterbox_item {
    display:inline-block; 
    vertical-align:top; 
    width:120px
}
#filter_fixed {
	margin-top: 1rem;
}

/**
 * MAINMENU
 * Mainmenu view
 */
#day-started {
	text-align: right;
	background: #fff;
	color: #828a96;
	border-radius: 0 0 7px 7px;
	display: inline-block;
	font-size: .7em;
	padding: 2px 10px 5px 10px;
	text-transform: uppercase;
	float: right;
}

#day-started.faked {
	color: #F90000;
}
 
.tiles {
	width: 100%;
	border-spacing: 0;
	/*border-spacing: 10px;   >> CAVERION - Remove */
	border-collapse: separate;
	background: #000 url(../image/clogo.png) no-repeat 0px 150px;
}

.tile {
	position: relative;
	/*background-color: #738FA5;  >> CAVERION - Remove */
	background-color: rgba(73, 109, 148, .8);
	width: 50%;
	height: 92px;
	padding: 10px;
	font-size: .9em;
	font-weight: 600;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border: 5px solid #fff;
    background-size:40px;
}

.tile.orders { 
    background-image: url(../image/menu_orders.png); 
    background-size:55px;
}
.tile.structure,
.tile.flresults,
.tile.flsearch { 
    background-image: url(../image/menu_structure.png); 
    background-size:55px;
}
.tile.structure { 
    background-image: url(../image/menu_structure.png); 
    background-size:55px;
}
.tile.materials { background-image: url(../image/menu_materials.png); }
.tile.history { background-image: url(../image/menu_history.png); }

.tile.disable {
	/* background-color: #9FACB5; >> CAVERION - Remove */
    background-color: rgba(164, 175, 189, .8);
}

.tile a {
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	display: block;
	width: 100%;
	text-align: center;
	position: relative;
	padding: 80px 0 0;
}

.tile.disable a {
	cursor: default;
}

.tile.big {
	width: 100%;
	font-size: 1.1em;
}

.tile.big a {
	padding: 0;
	height: 100%;
}

.tile.big span {
	position: relative;
	text-align: right;
	margin-top: -10px;
}

.tile.startday {
	border-top-width: 10px;
}

.tile.endday {
	border-bottom-width: 10px;
	background-image: url(../image/ctextlogo.png);
	background-repeat: no-repeat;
	background-position: -6px 82px;
    background-size: 200px;
}

.tile.endday a {
	 text-align: left;
}

.startday span.tiletitle {
	margin: 0;
	position: absolute;
	bottom: 0;
	display: block;
	text-align: left;
	width: 100%;
}

.orders .news {
	position: absolute;
	top: 15px;
	right: 15px;
	font-size: 1.7em;
	color: #fff;
}

.page.mainmenu #fullname {
	display: block;
	font-size: .9em;
	text-transform: none;
	font-weight: 400;
	position: absolute;
	bottom: 0;
	right: 0;
}

/**
 * START OF DAY
 */
 .startday_ordercontainer.fillParent{
	overflow: auto;
 }
 
.choosedate_container {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
	margin-top: 20%;
}

.startday_titleinfo {
    float: right;
	font-weight: bold;
	margin-top: 6px;
}

.choosedate_table {  
    margin-left: auto;
    margin-right: auto;
}

.choosedate_table td {
    text-align: center; 
	padding-bottom: 20px;
}

.page.startday #fullname {
	float: right;
	font-weight: bold;
	margin: 10px 5px 0 0;
}

.startday_ordercontainer.fillparent{
	overflow: auto;
}

.startday_ordercontainer > h1{
	display: inline-block;
}

.startday_ordercontainer img{
	padding-bottom: 10px;
}


.startday.sub_buttons{
	padding-top: 5px;
}

#datetitle{
	font-weight: 700;
}

#startday_orders{
	border-top:1px solid #ddd;
}

#startday_orders .action-order-operation {
    margin-top:5px;
}

/**
 * ORDERS
 * Orders view
 */
#orders, #operations,  #selectedmaterials, #contracts, #contractcustomers{
	overflow: auto;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
#materials{
	list-style: none;
	margin: 0;
	padding: 0;
}


span.customer,address.address{
	width: 73%;
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;
}

.order, .operation, .material, .contract, .contractcustomer  {
 	padding: 10px 5px;
 	margin: 0;
 	border-bottom: 1px solid #ddd;
 }
 
 .order.active, 
 .operation.active, 
 .material.active,
 .activity_item.active {
 	background:  #D2DADB;
 }
 li.material.isDummyReturn {
    opacity: .5;
 }
 
.activity_item.active > .activity_row,
.hour_row > li {
	background: #fff;
}
 
.order article, 
.operation article {
 	display: -webkit-box;
 	display: -moz-box;
 	display: -ms-box;
 	display: -o-box;
 	display: box;
 	width: 100%;
 }
 
.order .icons, 
.operation .icons {
	-webkit-box-flex: 0;
	-moz-box-flex: 0;
	-ms-box-flex: 0;
	-o-box-flex: 0;
	box-flex: 0;
	display: block;
	width: 30px;
	min-height: 20px;
}

.operation .icons .opericon{
	max-width:20px;
}


.order .details, 
.operation .details {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-box-flex: 1;
	-o-box-flex: 1;
	box-flex: 1;
}

.order,
.operation {
	position: relative;
	color: #333;
    overflow-wrap: break-word;
}

.operationactions {
	padding-top: 9px;
}

.order.disable,
.order.disable,
.disable .details aside,
.disable {
	color: #aaa;
}

.details aside {
	font-weight: 400;
	color: #111;
}

.address{
	margin-bottom: 0 !important;
}

.order .details aside time {
	float: right;
	margin-right: 10px;
}

.order .details aside time.finish_date {
	font-weight: 800;
}

.order .longtext {
	display: none;
}

.orderactionwrapper {
	display: none;
	overflow: hidden;
}

.orderactionwrapper address {
	float: left;
}

.orderactions {
	position: absolute;
	right: 20px;
	top: 40px;
}

.details .longtext {
	margin: 10px 0 0;
}

.orderactions .action-order-operation, .orderactions .action-order-remove {
	padding: 10px 20px;
	margin-top: 15px;
}

.arrivedicon{
    background: url(../image/icon_envelope.png) no-repeat;
    background-position: top;
}

.ordericon.started, .ordericon.postponed, .ordericon.accepted {
    width:15px;
    padding: 5px 0 0 2px;
}

.scd-event-wrap .ordericon {
	padding-left: 0px!important;
}


/***********************
 * ATTACHMENT DONWLOAD 
 *  
 ***********************/
ul#attachments {
	list-style: none;
	overflow: auto;
}

#attachments .attachment {
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.attachmenticon {
	float: left;
	width: 7%;
	margin: 0 2% 0 0;
}

.attachment .details {
	float: left;
	width: 75%;
	margin: 0 1% 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.attachmenticon,
.attachment .details {
 	position: relative;
 	top: 5px;
 }

.attachment-download {
	width: 11%;
	float: left;
	text-align: right;
}

/***********************
 * NEW CONFIRMATION VIEW 
 *  
 ***********************/
.confirmation-popup-warning b {
	text-transform: capitalize;
	color: #DF0606;
}

#amount_unit{
	margin-left: 8px;
    display:inline-block
}

#order_info{
	font-size: 1.2em;
	margin-left: 0;
    font-weight: normal;

}

#order_info time{
	float: right;
	margin-right: 0;
	font-weight: normal;
} 


.confirmation_container {
	overflow: auto;
}

.confirmation_container ul {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 4px;
}

.confirmation_container ul label{
	color: #08C;
	font-weight: bold;
}

.confirmation_container li{
	list-style: none;
	display: block;
	clear: both;
	padding: 5px;
}
.activity_row{
	border: #ccc solid 1px;
	border-radius: 10px;
}

.activity_row li{
	overflow: hidden;
	border-bottom: #ccc solid 1px;
}

.wage_extras-wrapper {
	clear: both;
	overflow: hidden;
	padding: 10px 0 0 5px;
}

.wage_extras-wrapper label {
	font-weight: normal!important;
	margin: 0!important;
}

.wage_extras-wrapper > div {
	clear: both;
}

.wage_extras-wrapper input,
.wage_extras-wrapper select,
.wage_extras-wrapper textarea {
	float: right;
	width: 51%;
}

.activity_row li:last-child{
	border-bottom: none;
}

.activity_row li label{
	display: block;
	float: left;
	margin: 6px 0 0 5px;
    max-width: 45%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.activity_row li select {
	width: 54%;
	float: right;
	border: none;
	margin:2px 0 0 0; 
	padding-left: 2px;
}
.hour_row .input-prepend.input-append{
	display: block;
	float: right;
	margin: 0 1px 0 0 ;
}

.amount_select {
	width: 50px!important;
}

#amount_select { /** TODO - REMOVE **/
	width: 50px!important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}


.hour_row li {
	display : block;
	border: #ccc solid 1px;
	height: 30px;
	padding: 5px;
	border-radius: 10px;
}
.hour_row label{
	margin: 4px 0 0 5px;
	display: block;
	float: left;
}

#confirmation_description_text{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	resize: vertical;
	margin-left: 0px;
	height: 50px;
	max-height: 13rem;
	box-sizing: border-box;
	overflow-y:scroll;
}

#confirmation_description_text::-webkit-scrollbar {
     height: 4px;
    width: 2rem;
	color: #aaa; 
  }

#confirmation_description_text::-webkit-scrollbar-track {

	  border-radius: 0px;
}

#confirmation_description_text::-webkit-scrollbar-thumb {
  background: #aaa;
  border-radius: 10px;
}


#confirmation_description_text::-webkit-resizer{
border: 0px solid black;
	background-image: url('../image/resize.png');
}
.confirmation_description_text_length {
	display: none;
	font-size: 12px;
	color: #666;
	margin-bottom: 10px;
}
#description_row{
	padding: 0px;
	display: -webkit-flex;
	position: relative;
	flex-direction: column;
}

#confirmation_quick_text_btn {
	position: absolute;
	width: 10px;
	height: 10px;
	bottom: 20px;
	right: 10px;
	cursor: pointer;
	background-color: red;
}

#quick_text_container {
	display: flex;
	display: none;
}

#quick_text_container > select {
	flex: 1;
	width: 100%;
}

.confirmationreport_MPButton{
    display: block;
    position: absolute;
    right: 0;
    top: 7px;
    background:url('../image/type_measure.png') 50% 50% no-repeat;
    background-size: 35px;
    width: 50px;
    height: 40px;
    border-left: 2px solid #A7A7A7;
}

#confirmation_objectlistheader {
    position: relative;
    color: #333;
    background: #ccc 5px 50% no-repeat;
    min-height: 40px;
    text-shadow: 0 0 3px #fff;
}

.confirmationreport_container {
	position: relative;
} 

.confirmationreport_container ul {
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
}

.confirmationreport_container ul label{
	color: #08C;
	font-weight: bold;
}

.confirmationreport_container li{
	list-style: none;
	display: block;
	clear: both;
	padding: 0px;
}
#objectsContainer li {
	display: flex;
	justify-content: space-between;
}

.summary_info {
	font-size: 0.8em;
}

.confirmationreport_materialinfo {
    font-size: 0.9em;
}

#confirmationreport_top {
  position: relative;
  height: 50%;
  overflow: auto;
}

#confirmationreport_bottom {
  background: #ededed;
  position: relative;
  height: 50%;
  overflow: auto;
}

.confirmationreport_materialid {
    font-weight: 400;
}

.page.confirmationreport .objectCheck {
    background-size: 24px !important;
}

.page.confirmationreport .MPButton {
    background-size: 24px !important;
}

.meas_doc.active {
    background-color: #ccc;
}

#operation_desc {
    font-size: 0.9em;
    max-height: 120px;
    overflow: auto;
    background-color: #EBEBEB;
    /** margin: 0 5px; TODO - UNCOMMENT **/
}

/** TODO - UNCOMMENT
.confirmation_container .valuation_row {
	display: none;
	margin: 15px 0 0;
} 

.valuation_row input {
	width: 45%;
	float: right;
}

**/

.confirmation_container .valuation_row { /** TODO - REMOVE **/
	display: none;
	margin: 15px 0 0;
}

.valuation_row input { /** TODO - REMOVE **/
	width: 51%;
	float: right;
}

/*******************
 * CONFIRMATION LIST 
 *  
 *******************/

.confirmationlist #order_info{
	border-bottom: #ddd solid 1px;
	font-size: 1.2em;
	margin: 0;
}

.confirmationlistheader #order_info{
    border-bottom: #ddd solid 1px;
    font-size: 1.2em;
    margin: 0;
}
.confirmationlist time{
	margin-right: 2% !important;
}
.historyList {
	list-style: none;
    border-bottom: 1px solid #ddd;
	padding: 5px;
}

.historyList article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -o-box;
    display: box;
    width: 100%;
 }
 
.confirmationlist_buttons {
    margin-left: auto;
    margin-right: auto;
}

.confirmationlist_buttons td {
    text-align: center;
}

.confirmationlist button.list_button {
	margin-bottom: 5px;
	width: 40px;
}

.confirmationlist .wage_extras {
	display: none;
	margin: 5px 0 0 10px;
	font-size: .9em;
}

.confirmationlist .active .wage_extras {
	display: block;
}

.longtext .wage_extras {
	margin: 10px 0 0 10px;
}

.sub_buttons{
	bottom: 0px;
	position: fixed;
	background: #fff;
	width: 100%;
	padding-bottom: 5px;
	text-align: center;
}
.confirmationlist.fillParent{
	overflow: auto;
}

#descHistory, .scrollableLongText {
	max-height: 15rem;	
	overflow-y:scroll;
}
	
#confirmationContent {
	overflow-y:scroll;
}

.historyList.active{
	background: #D2DADB;
}
.historyList p{
	display: none;
	margin-top: 5px;
}

.work_unit{
	font-weight: bold;
}

.btn.confirmation_edit{
	float: right;
	margin-top: 15px;
}

.confirmationlist #defaultObject {
    width: 100%;
}

.confirmationlist #object_TEXT {
    width: 78%;
}

.statuschange .nav {
    margin: auto;
    padding-bottom: 9px;
    padding-top: 20px;
    width: 85%;
}

.sks-report {
    margin: auto;
    width: 85%;
}

.table-sks-report > tbody > tr:first-child > td {
    background-color: #eee;
    border-top: none;
    min-height: 40px;
    padding-bottom: 10px;
    padding-left: 13px;
    vertical-align: middle;
}

.table-sks-report > tbody > tr:first-child > td > .radio.inline {
    padding-top: 0;
}

#confirmationlist_servicereport {
	margin-top: 10px;
	background-color: #f9f99f;
	color: black;
}

/*	Login view
 * 
 ****/

#username,#password{
	display:block;
	width:80%;
	margin: 30px auto;
	padding: 8px 0px 5px 7px;
}

#logo{
    margin-left:15%;
    width:70%;	
}

.page.login {
    margin:0;
    height:100%;
}

.loginbackground {
    background: center no-repeat url('../image/login_background.png');
    background-size:cover;
    background-position-y:0;
}

#loginform {
    padding-top: 30%;
    padding-bottom: 20px;
}

#login-button{
	width: 50%;
	padding: 5px 0px 5px 0px;
	margin-left: 25%;
	margin-top: 10px;
}
#username,#password
{
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	border: thin solid #626262;
}


/********************
 * OPERATION VIEW 
 *  
 ********************/
.page.operations {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	height: 100%;
}

#defaultObject {
	display: block;
	width: 83%;
}

#emptyTechObject:only-child{
	padding:28px;
}

.operationcheckbox {
	padding: 3px;
	margin: 10px 5px 0px 0px;
}

.operation aside time {
	font-weight: normal;
}

#objectlist,#sublist, #statusaction ,#materialactions{
	display: none;
	position: relative;
	overflow: auto;
	list-style: none;
}

#materialactions{
	text-transform: uppercase;
}

#objectlistcontainer {
	position: relative;
}

#objectlistwrapper {
	background: #ededed;
	position: absolute;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}

#objectlistheader {
	position: relative;
	color: #333;
	background: #ccc 5px 50% no-repeat;
	text-shadow: 0 0 3px #fff;
	min-height: 55px;
}
.objectCheck{
	width: 40px;
	height: 40px;
	border: none;
	/* float: left; */
	background-color: transparent;
    background-size:30px !important;
}

.objectCheck.objectE{		
	background: #ccc 50% 50% no-repeat url('../image/objectE.png');
}
.objectCheck.checked.objectE{		
	background: #ccc 50% 50% no-repeat url('../image/objectEChecked.png');
}
.objectCheck.objectF{
	background: #ccc 50% 50% no-repeat url('../image/objectF.png');
}
.objectCheck.checked.objectF{		
	background: #ccc 50% 50% no-repeat url('../image/objectFChecked.png');
}


#objects .objectCheck{
	background-color: #EDEDED;
}
#objects li{
	width: 95%;
}
.confirmationreport_objects li {
	width: auto !important;
}
.object >div:only-of-type {
	padding: 10px 0;
}

.object{
	list-style:none;
}

.MPButton{
	width: 40px;
	height: 40px;
	border: none;
	/*margin-right: -34px;
	margin-top: -35px;*/
	background-image:url('../image/type_measure.png');
	background-repeat: no-repeat;
	background-position: 60% 50%;
	background-color: transparent;
}

.MPButton_menu{
	width: 40px;
	height: 40px;
	border: none;
	/* float: right;
	margin-top: -40px;
	margin-right: 40px; */
	background-image:url('../image/type_measure.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-color: transparent;
}
.MPButton_groupVisible {
	margin-right: 70px;
}
.modifyEquipmentWrench {
	border: none;
	/*margin-right: 5px;
	margin-left: 5px;*/
	width: 30px;
	zoom: 1.4;
	background-color: transparent;
}
.confirmationreport_flex {
	display: flex;
}
.confirmationreport_flex.isChildConfReport {
	margin-left: 10px !important;
}
.confirmationreport_flex.isChildConfReport2 {
	margin-left: 20px !important;
}
.confirmationreport_flex.isChildConfReport3 {
	margin-left: 30px !important;
}
.confirmationreport_flex.isChildConfReport4 {
	margin-left: 35px !important;
}
.confirmationreport_flex.isChildConfReport5 {
	margin-left: 40px !important;
}
.confirmationreport_flex.isChildConfReport6 {
	margin-left: 45px !important;
}
#objectlistwrapper li {
	display: flex;
	justify-content: space-between;
}
#objectlistwrapper .object.isChildConfReport {
	margin-left: 10px !important;
}
#objectlistwrapper .object.isChildConfReport2 {
	margin-left: 20px !important;
}
#objectlistwrapper .object.isChildConfReport3 {
	margin-left: 30px !important;
}
#objectlistwrapper .object.isChildConfReport4 {
	margin-left: 35px !important;
}
#objectlistwrapper .object.isChildConfReport5 {
	margin-left: 40px !important;
}
#objectlistwrapper .object.isChildConfReport6 {
	margin-left: 45px !important;
}
.operations_objects_text_flex {
	display: flex;
	flex-direction: column;
}
.confirmationreport_buttons_flex {
	display: flex;
}
.confirmationreport_viewbuttons_flex {
	display: flex;
	justify-content: space-between;
}
#endday_button{
	padding: 18px 0px 18px 0;
}

.object_NO,
.object_TEXT {
    display:inline-block;
	/*white-space: nowrap;*/
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: -webkit-baseline-middle;
	margin-top: 2px;
	/*width: 76%;*/
}

.object_NO_menu,
.object_TEXT_menu {
	/*white-space: nowrap;*/
	overflow: hidden;
	/* width: 65%; */
}

#defaultObject_TEXT { padding: 8px 0 0; }

#objectlistwrapper li {
	padding: 10px 5px;
	border-bottom: 1px solid #ccc;
}

#objectlistwrapper .subactions.measuring{
	border-bottom: 1px solid #838282;
}

#objectlistwrapper li:last-child {
	border-bottom: none;
}

#objectlistwrapper .subactions, 
#objectlistwrapper #usematerial, 
#objectlistwrapper #receivematerial,
#objectlistwrapper #materialmovements,
#objectlistwrapper #returnmaterials {
	display: block;
	margin: 0 0 0 5px;
	/*padding-left: 30px;*/
	background-repeat: no-repeat;
	background-position: 5px 50%;
}
#objectlistwrapper .subactions.endday_absconf, #objectlistwrapper .subactions.endday_abs_parttime{
	display: none;
}

#download {
    background-color: #eee;
}

#download .file_info {
    color: #666;    
    padding: 4px 0 4px 40px;
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-bottom-color: white;
}
/*
* RFC-1707
* internal notes
*/

#internalNotesDiv {
    background-color: #eee;
	display: flex;
}
.internalNotesIconTitle {
	display: inline-flex;
	vertical-align: sub;
	color: #666;
    padding: 0 0 0 4px;
}
.internalNotesIcon {
	zoom: 1.5;
	opacity: 0.7;
	padding-right: 6px;
}
#internalNotesDiv .internalnote {
    color: #666;    
    display: inline;
	margin-right: 5px;
	cursor: pointer;
	vertical-align: middle;
	white-space: nowrap;
}
#internalNotesDiv .internalnote .label_info {
	margin-right: 0 !important;
}
#internalNotesList {
	margin-left: 5px;
}
#internalNotesList li.internalnote.noNotes .label_info {
	background: #aaa !important;
}
#internalNotesList li.internalnote.noMaintain .label_info {
	text-decoration: line-through;
}
.internalNotePopup {
	white-space: break-spaces;
}



.subactions { text-transform: uppercase; }
/*
#objectlistwrapper .subactions.status{background-image: url('../image/status.png');}
#objectlistwrapper .subactions.notification{background-image: url('../image/notification.png');}
#objectlistwrapper .subactions.measuring{background-image: url('../image/measure.png');}
#objectlistwrapper .subactions.material{background-image: url('../image/material.png');}
#objectlistwrapper .subactions.structure{background-image: url('../image/structure.png');}
#objectlistwrapper .subactions.flresults{background-image: url('../image/structure.png');

#objectlistwrapper .subactions.complete{background-image: url('../image/complete.png');}
#objectlistwrapper .subactions.postpone{background-image: url('../image/postpone.png');}
#objectlistwrapper .subactions.reject{background-image: url('../image/reject.png');}
#objectlistwrapper .subactions.back{background-image: url('../image/back.png');}
#objectlistwrapper .subactions.notification_list { background-image: url('../image/noti_list.png'); }
#objectlistwrapper .subactions.object_info { background-image: url('../image/detail.png'); }

#objectlistwrapper #usematerial{background-image: url('../image/material.png');}
#objectlistwrapper #receivematerial{background-image: url('../image/receive.png');}
#objectlistwrapper #materialmovements{background-image: url('../image/movement.png');

background-position: 3px 9px;
}
*/

.object .left {
	float: left;
	width: 10%;
}

.suboperations {
	margin: 10px 0;
	list-style: none;
}

.suboperations li {
	margin: 10px 0;
}

.suboperations li label {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

li.suboperation.selected label {
	font-weight: 700;
	font-size: 1.0em;
}

#subbutton {
	display: block;
	position: absolute;
	right: 0;
	top: 7px;
	background: url('../image/submenu.png') 50% 50% no-repeat;
    background-size: 35px;
	width: 50px;
	height: 40px;
	border-left: 2px solid #A7A7A7;
}

.operationbutton {
	padding: 5px 15px;
	margin: 7px;
}

.operationbutton:first-child {
	margin-left: 0;
}

.operationbutton:last-child {
	margin-right: 0;
}

#contactinfo,#selectedoperinfo {
	text-transform: uppercase;
	padding: 7px 0 7px 30px;
	background: rgb(185, 199, 210) url(../image/contact_icon.png) no-repeat 5px 50%;
	border-bottom: 1px solid #CCC;
	border-left: 4px solid rgb(115,143,165);
	margin: 5px 0;
}

#contactinfo span,#selectedoperinfo span {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#selectedoperinfo{
	text-transform: inherit;
	background: #D2DADB;
	border-left: none;
	box-sizing: border-box;
	position: absolute;
	width: 100%;
	top: 49px;
}

.callerinfo h3,
.operinfo h3 {
	font-size: 1em;
	color: #333;
}

.operinfo h3 { display: inline-block; }

.callerinfo span,
.operinfo span {
	margin: 0;
	padding: 0;
	display: block;
}

.operinfo span {
	display: inline-block;
	margin: 0 0 5px 5px;
}

#poinforef, input#orderRoom {
	margin: 2px 0 5px;
	padding: 2px 4px;
	width: 95%;
}

#orderLocation, select#orderRoom,  select#pmActivity {
	height: 26px;
	width: 97%;
}

li.operation.disable .label_info,
li.operation.disable .label_required,
li.operation.disable .label_optional {
	background: #aaa!important;
}

.label_info {
	background: #4A87AB;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	padding: 0 17px 0px 5px;
	margin-right: 10px;
	border-radius:2px;
}

.label_required {
	background: #578248;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	padding: 0 5px 0;
	margin-right: 10px;
	border-radius:2px;
}
.label_optional {
	background: #EE9931;
	color: #fff;
	font-size: .9em;
	font-weight: 600;
	padding: 0 5px 0;
	margin-right: 10px;
	border-radius:2px;
}

#info_textarea{
	width: 95%;
	height: 150px;
}

.materials_mainbuttons li {
    padding: 10px;    
}

#materiallistcontainer {
	overflow: auto;
}

#objects{
	display: none;
	overflow: auto;
}

#orderdetails .description {
	white-space: normal;
    word-break: break-all;
}

table.table-operation-start > tbody > tr:first-child > td {
    border-top: none;
}
table.table-operation-start {
	margin-bottom: 0;
}

/**
 * HISTORY VIEW	
 * 
 *********/

.calendarwarpper {
	overflow: auto;
}
 
.calendar-controls {
	box-sizing: border-box;
	text-align: center;
	padding: 0 0 10px;
}

.calendar-wrapper tbody {}

.calendar-wrapper #monthName {
	font-size: 1.5em;
	font-weight: 600;
	text-transform: uppercase;
	
}

#calendar {
	border-collapse: separate;
	border-spacing: 5px;
}
#calendar th {
	text-transform: uppercase;
}

#calendar tbody td {
	vertical-align: top;
}

td.day {
	border: 1px solid #ccc;
	width: 200px;
	height: 50px;
	vertical-align: top;
}

td.day.today {
	border-color: #2B78E4!important;
	box-shadow: 0 0 7px #2B78E4;
}

#calendar td.weekno {
	border: none;
	vertical-align: middle;
}

#calendar .dayNumber {
	display: block;
	padding: 2px;
}

#calendar .lastMonth, #calendar .nextMonth {
	background: #eee;
	color: #aaa;
}

td.day.noHours {
	background: #909093;
	border-color: #777;
	color: #fff;
}

td.day.weekend {
	background: #ccc;
}

td.day.someHours {
	background: #fae34e;
	border-color: #e6d046;
}

td.day.fullHours {
	background: #197b30;
	border-color: #0b551d;
	color: #fff;
}

td.day.fullHours.future {
	opacity: .5;
}

td.day.none {
	background: #CC0000;
	border-color: #9E0000;
	color: #fff;
}

td.day.overHours {
	background: #164469;
	border-color: #0b3252;
	color: #fff;
}

.navigate {
	display: block;
	padding: 5px 0;
}


.navigate button {
	display: inline-block;
	height: 40px;
	width: 29.5%;
	margin: 10px 4.5% 0;
}

.navigate button:first-child,
.navigate button:last-child {
	margin: 10px 0 0;
}

.orderid, .operid {
	font-weight: 600;
}

.ordertotal,
.page.historyOperations .opertotal,
.page.orderhistory .opertotal {
	text-transform: lowercase;
	font-weight: 600;
	float: right;
}

.page.historyOperations .opertotal {
	text-align: right;
}

.opertotal > i,
.page.confirmationlist .work_unit > i {
	  font-weight: normal;
	  font-style: normal;
	  font-size: .9em;
	  text-transform: none;
}

.page.materiallist .opertotal {
	font-weight: 600;
	float: right;
}

.page.confirmationlist .opertotal {
    font-weight: 400;
    float: right;
}

.page.confirmationlist .materialid {
    font-weight: 400;
}

.page.confirmationlist .work_unit {
    font-weight: 400;
    text-align: right;
}

.page.confirmationreport .opertotal {
	font-weight: 400;
}

.orderlong {
	display: none;
}

.orderContent { width: 85%; }
.absence .orderContent { width: 100%!important; }
.orderButtons { width: 10%; }
.confirmation_item { overflow: hidden; }

.order .info,
.order .details,
.operation .info,
.operation .details {
	font-size: .9em;
}

.order .floatleft,
.material .floatleft {
	width: 84%;
}

.order.absence .floatleft {
	width: 100%;
}

.order .floatright,
.material .floatright  {
	text-align: right;
	overflow: hidden;
}

.order .floatright button,
.material .floatright button {
	margin: 15px 0 0;
}

.operation .shorttext,
.operation .description  {
	margin: 10px 0 0;
}

.operation.active .shorttext {
	font-weight: 700;
}

.operation.active .shorttext.subselected {
	font-weight: 400;
}

.totalhours { overflow: hidden; }

#orders-wrap .totalhours {
	flex: 0 0 auto;
	border-top: 1px solid #ccc;
	text-align: right;
	font-weight: 400;
	font-size: .9em;
	padding: 10px;
	background: #efefef;
	margin: 0 0 5px;
}

#summary > .totals {
    display: inline-block;
    margin-left: 10px;
    font-weight: 600;
    text-align: left;
    line-height: 1.2;
}

.summaryTable {
	font-size: .9em;
	float: right;
}

.summaryTable .labelCol {
	vertical-align: bottom;
	padding: 0 7px 0;
	font-weight: 400;
}

.summaryTable .valueCol {
	text-align: left;
}

#orders .totalhours {
	text-align: right;
	font-weight: 600;
	padding: 10px 10px 10px 0;
	background: #efefef;
}

#orders .header,
.confirmationlist .header,
#confirmationreport_bottom .header,
.measuring_point_list .header,
.view-subheader {
	background: #ddd;
	color: #555;
	font-weight: 600;
	font-size: 1em;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.view-subheader {
	text-transform: uppercase;
}

.historyOperations .orderactions,
.enddayconfirmation .orderactions {
	top: 55px;
}

#action-previous {
	float: left;
}

#action-next {
	float: right;
}

.calendarwarpper.fillParent #orders{
	overflow:visible;
}

.history_operation {
    padding:5px;
    border-bottom:1px solid #ccc;
}

.history_operation .floatleft {
    width:80%;
}


.history_operation .floatright {
    margin-top:15px;
}

.history_operation.active {
    background: #D2DADB;
}

.history_operation .longtext {
	display: none;
}

.history_operation.active .longtext {
	display: block;
}

.history_operation.active .shorttext {
	display: none;
}


/**
 * REJECT OPERATION	, POSTPONE OPERATION
 * 
 * */

#reject_content,#postpone_content{
	overflow: auto;
}
 
 
.reject-detail.operationinfo,.postpone-detail.operationinfo{
	font-weight: 600;
	color: #111;
}

.reject-detail p,.postpone-detail p{
	margin-top: 10px;
}

.reject-detail,.reject-description,.reject-reason ,.postpone-detail,.postpone-description,.postpone-reason{
	display: block;
	width: 90%;
	margin: 10px auto;
}

.reject-reason span,.postpone-reason span{
	width: 20% !important;
	font-size: 17px !important;
	line-height: 27px !important; 
	height: 30px !important;
}

.reject-reason select , .postpone-reason select{
	display: inline-block;
	width: 76%;
	line-height: 30px !important; 
	height: 40px !important;
}
.reject-description textarea,.postpone-description textarea{
	margin-top: 20px;
	display: block;
	width: 95%;
	height: 100px;
}

#rejectbutton,#postponebutton{

}


/**
 * LOADING INDICATOR	
 * */
#loader_cover, #popup_cover{
	top: 0;
	position: absolute;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
    z-index: 999;
}

#loading {
	display: block;
	width: 50%;
	position: absolute;
	top: 40%;
	left: 20%;
	padding: 20px 0 20px 50px;
	background: #fff url('../image/mobile-loader.gif') 7px 50% no-repeat;
}
#loading_attachments {
    padding: 10px 0 10px 50px;
    background: #fff url('../image/mobile-loader.gif') 7px 50% no-repeat;
}
.loader {
    padding: 10px;
    background: rgba(0, 0, 0, 0) url(../image/mobile-loader.gif) 7px 50% no-repeat;
    background-size: contain;
}

#progress_value {
	margin: 0 0 0 5px;
	padding: 0 5px;
}

#progress_value:after {
	content: '%';
}

/**
 * POPUP NOTIFICATION	
 * 
 * */
#popup {
	display: block;
	margin: 10% 20% 0;
	width: 60%;
	height: auto;
	position: absolute;
	padding: 10px;
	background: #fff;
	text-align: center;
	border: solid thin black;
	border-radius:10px;
}

#popup_title span {
	font-weight: normal;
}

#popup_title,#popup_content,#popup_actions{
	margin-top: 10px;
}

#popup_actions{
	display: inline-block;
}

#popup_actions button{
	margin:10px;
	display: inline;
	height: 30px;
	width: 80px;
}

#myModal {
	position: absolute;
}

#myModal .modal-body, #myModal2 .modal-body  {
	font-size: 1.4em;
}
/**
*	END OF DAY
*/
.endday .pagetitle {
	padding: 5px 5px 10px 5px;
}

#past-nofif {
    margin-bottom: 0px;
    text-align: center;
}

#last_li {
	border: none;
}

#structure_sub_button{
	float: right;
	background: url('../image/submenu.png') no-repeat 5px 5px;
	width: 50px;
	height: 50px;
	border-left: #A7A7A7 solid 1px;
}

.endday_confirmation_wrapper{
	display: none;
}

.endday.opertotal{
	display: block;
	position: relative;
	top: -20px;
}
.endday.orderactions button{
	position: relative;
	top: -20px;
}

#endday_total{
	width: auto !important;
}

#orders.endofday_ul {
	font-size: .9em;
}

.page.endday.fillParent {
	position: relative;
	margin: 0;
}

.endday #objectlistwrapper{
	margin-top: 4px;
	bottom: 4px;
	text-transform: uppercase;
}

.endday #defaultObject{
	font-size: medium;
	margin: 0 10px;
}

/*
.endday #objectlistwrapper #objectlistheader{
	background: #CCC url('../image/complete.png') no-repeat 10px 50%;
}
*/
/*
.subactions.endday_internal{
	background: url('../image/inter_order.png') no-repeat 5px 50%;
	padding-left: 40px !important;
}
*/
.enddayconfirmation .endday.opertotal,.historyOperations .opertotal{
	margin-right:20px;
}

.endday_confirmation .floatleft {
    width:80%;
}

.endday_confirmation .floatright {
    width:15%;
    text-align:right;
}

.endday_confirmation {
    border-bottom:1px solid #ccc;
    padding:5px;
}

#endofday_confirmations_ul {
    list-style:none;
}

.endday_confirm_actions {
    margin-top:15px;
}

.endday_confirmation.active {
    background: #D2DADB;
}

.endday_unit {
    text-transform:lowercase;
    font-weight: 600;
}

#reschedule-operations .orderid {
	white-space: nowrap;
}

.rs.order .content {
	position: relative;
	overflow: hidden;
	width: 100%;
	font-size: .9em;
}

.rs.order .scheduling {
	font-size: .9em;	
}

.rs.order.scheduled .scheduling {
	color: #4F945A;
}

.rs.order header {
	position: relative;
	width: 100%;
}

.rs.order .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 5px;
}

/*
* STRUCTURE, FL ONLINE SEARCH & FL ONLINE SEARCH RESULT PAGES
*/
.flsearch hr,
.flsearch label {
	float: left;
	clear: left;
	width: 100px;
	text-align: left;
}

.flsearch hr {
	border-style: outset;
	width: 100%;
}

.structure h1.pagetitle,
.flresults h1.pagetitle {
	padding-bottom: 0;
}

.structure h1.pagetitle > span,
.flresults h1.pagetitle > span {
	display: block;
	width: 48%;
	float: left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.structure #defaultObject_NO,
.flresults #defaultObject_NO {
	padding: 17px 0 17px 36px;
	background: url(../image/detail.png) no-repeat 13px 50%;
}

.structure .onlineSearchContainer {
	width: 83%;
	display: block;
}
.structure #onlineSearchBtn {
	text-transform: uppercase;
	padding: 17px 0 17px 36px;
	background: url(../image/action-searchv2.png) no-repeat 10px 50%;
    background-size: 20px;
}
#flsearch_content {
	overflow: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#flsearch_content .input-prepend {
    text-align: center;
}

#flsearch_content .input-prepend span {
    width: 30% !important;
    height: 30px !important;
    line-height: 30px !important;
}

#flsearch_content .input-prepend input {
    width: 63% !important;
    height: 30px;
    line-height: 30px !important;
}

#flsearch_content .input-prepend textarea {
	width: 63%;
}

#flsearch_content .input-prepend hr {
    width: 96% !important;
    height: 2px;
}

#nflsearch_actions {
	text-align: center;
    padding-bottom: 5px;
}

#flsearch_actions button {
	width: 127px;
}

#rootselect {
	max-width: 99%;
}

.page.structure,
.page.flresults,
.page.flsearch {
	position: relative;
}

#structure,
#flresults,
#flsearch {
	margin: 10px 0;
	overflow: auto;
}

#functionallocation_structure {
	margin: 0 5px 0 0;
	padding: 0 0 10px;
}

#flresults,
#flresults ul,
#structure,
#structure ul,
#functionallocation_structure ul {
	list-style: none;
}

#flresults .objectLabel,
#structure .objectLabel,
#functionallocation_structure .objectLabel {
	background-color: #efefef;
}

.dummy > .objectLabel {
	opacity: .7;
}

li.open > .objectLabel {
	border-bottom-left-radius: 20px;
}

#flresults ul .objectLabel,
#structure ul .objectLabel,
#functionallocation_structure ul .objectLabel {
	background-color: #ddd;
}

#flresults ul ul .objectLabel,
#structure ul ul .objectLabel,
#functionallocation_structure ul ul .objectLabel {
	background-color: #ccc;
}

#flresults ul ul ul .objectLabel,
#structure ul ul ul .objectLabel,
#functionallocation_structure ul ul ul .objectLabel {
	background-color: #bbb;
}

#flresults ul ul ul ul .objectLabel,
#structure ul ul ul ul .objectLabel,
#functionallocation_structure ul ul ul ul .objectLabel {
	background-color: #aaa;
}

#flresults ul.closed,
#structure ul.closed {
	display: none;
}

#flresults li,
#structure li,
#functionallocation_structure li { 
	position: relative;
	margin: 0 0 0 15px;
}

#functionallocation_structure ul.first > li {
	margin: 0;
}

#flresults > li,
#structure > li,
#functionallocation_structure > li { margin: 0; }

#flresults > li:first-child,
#structure > li:first-child,
#functionallocation_structure > li:first-child { margin: 1px 0 0 0;}

#flresults li .objectLabel,
#structure li .objectLabel,
#functionallocation_structure li .objectLabel {
	background-repeat: no-repeat;	
	border: 1px solid #666;
	margin: -1px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#structure li.exists {
	opacity: .6;
}

li.type_E .objectLabel,
li.type_F .objectLabel {
    padding: 15px 0 0 47px;
    background-position: 5px 7px;
    line-height: 10%;
}
li.type_MP .objectLabel {
    padding: 20px 0 20px 47px;
    background-position: 5px 12px;
    line-height: 100%;
}

li.expandable > .objectLabel {
	padding-right: 30px!important;
}

li.expandable > .objectLabel.selection {
	padding-right: 65px!important;
}

li.type_F .objectLabel { background-image: url(../image/type_F.png); }
li.type_E .objectLabel { background-image: url(../image/type_E.png); }
li.type_D .objectLabel { background-image: url(../image/type_D.png); }
li.type_R .objectLabel {
	background-image: url(../image/type_R.png);
	text-decoration: line-through;	
}


li.type_MP .objectLabel { background-image: url(../image/type_measure.png); }
li.type_MP .objectLabel > i {
	padding: 0 5px 0 0;
	margin: 0 0 0 5px;
	position: relative;
	top: 3px;
}

.objectAdd,
.objectArrow { 
	width: 18px;
	height: 22px;
	position: absolute;
	top: 13px;
	right: 10px;
	background: url('../image/right.png') no-repeat;
}

.open > .objectArrow {
	width: 22px;
	height: 18px;
	top: 18px;
	right: 10px;
	background-image: url('../image/down.png');
}

.objectAdd {
	right: 40px;
	width: 24px;
	height: 24px;
	background-image: url(../image/objectAdd.png);
}
.objAdded {
	background-image: url('../image/icon_checked.png') !important;
	background-size: contain;
}
.flresults #objectlistwrapper,
.structure #objectlistwrapper {
	display:none;
}

#flresults li.active > .objectLabel,
#structure li.active > .objectLabel {
	background-color: #D2DADB;
}

.flsearch #titleinfo,
.flresults #titleinfo,
.structure #titleinfo {
	max-width: 50%;
}

.flresults #objectlistwrapper .subactions.measuring,
.structure #objectlistwrapper .subactions.measuring {
	border-bottom-color: #ccc;
}

.materialhistory.loading,
.object-history.loading {
	margin: 10px 0 0;
 	padding: 10px 0 10px 50px;
 	background: #fff url('../image/mobile-loader.gif') 7px 50% no-repeat;
}

#onlineLoadingTechObjectImg {
	background: #ccc url('../image/mobile-loader.gif') 7px 50% no-repeat;
	width:20%;
	height: 100%;
	float: left;
	padding: 35px 5px 15px 0px;
} 

#onlineLoadingTechObject {
	width:60%;
	height: 100%;
	float: left;
	padding: 5px 0px 0px 0px;
}

td.object-history.loading {
	padding: 20px 0 20px 50px;
}

.object-history-title {
	font-size: 1em;
	margin: 10px 0 0;
}

.object-history-table tr.longtext {
	background: #efefef;
}

.object-history-table tr.longtext td {
	padding: 5px 5px 5px 20px;
}


@media all and (max-height: 640px) {
	#fl_history_expand { display: block!important; }
	#functionallocation_history.collapsed tr { display: none; }
	#functionallocation_history.collapsed tr:first-child { display: table-row; }
}

.formrow label.required > span {
	font-weight: bold;	
}

.formrow label.required > span::after {
    content: '*';
    color: red;
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 3px;
}

#new_cfs > legend,
#current_cfs > legend {
	margin-bottom: 5px;
}

#new_cfs > legend > i,
#current_cfs > legend > i {
	position: relative;
	top: 6px;
}

/*
* FUNCTIONAL LOCATION
*/
#functionallocation_detail {
	float: right;
	font-weight: 600;
	margin-top: 5px;
}

#btnCheck{
	clear: both;
	float: right;
	font-weight: 600;
	margin-top: 5px;
}

#functionallocation_content{
	margin-top: 25px;
}

#functionallocation_info{
	clear: both;
	margin-top: 40px;
	margin-bottom: 20px;
}
.functionallocation div span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
}

#functionallocation_structure > span {
    margin-bottom:5px;
}
/**
 * MATERIALS VIEW
 */
 
.page.materiallist ul {
	font-size: .9em;
}

.materials_mainbuttons {
    display: block;
    width: 312px;
	margin-left: auto;
	margin-right: auto;
    list-style: none;
}

.materials_mainbuttons li {
	width: 290px;
	border-radius: 10px;
	margin-top: 30px;
	font-size: 1.3em;
	text-align: left;
}

.materials_mainbuttons li a{
	margin-left: 30px;
	color: black;
}

#use_materials > span { 
	background: url('../image/material.png') 33px 5px no-repeat;
	padding: 0 0 0 65px;
}
#receive_materials > span { 
	background: url('../image/receive.png') 30px 1px no-repeat;
	padding: 0 0 0 65px;

}
#put_to_stock > span { 
	background: url('../image/puttostock.png') 32px 3px no-repeat;
	padding: 0 0 0 65px;
}

#return_materials > span {
    background: url('../image/return.png') 30px 1px no-repeat;
    padding: 0 0 0 65px;        
}

#synchronize_materials > span {
    background: url('../image/syncmat.png') 30px 1px no-repeat;
    padding: 0 0 0 65px;
}

#car_stock > span {
    background: url('../image/carstock.png') 30px 1px no-repeat;
    padding: 0 0 0 65px;
}

#materials > li{
	min-height: 45px;
	border-bottom: solid #ccc 1px;
	padding: 7px 5px 13px;
}


#material_amount{
	width: 50px;
	margin-top: 5px;
}

#material_unit{
	margin-bottom: 20px;
}

.page.materiallist .viewbuttons button {
	margin: 0 10px 10px 0;
}

.materialid {
	font-weight: 600;
}

.storage > div.floatleft{
	width: 80%;
}

.storage > div.floatright{
	margin-top: -10px;
}

.storage{
	border-bottom: #ccc 1px solid;
	padding-bottom: 5px;
}

.storageid{
	display: inline-block;
	width: 40%;
}
.storagedesc{
	display: inline-block;
}

.quantity{
	width: 50px;
}

#materiallistcontainer #materials .floatright{
	width: 15%;
}

.floatright.received {
	width: auto!important;
}

.floatright.received .quantity {
	width: auto;
}

#materiallistcontainer #materials .floatright div:first-child{
	margin-bottom: 10px;
}

#materiallistcontainer #materials .floatleft{
	width: 50%;
}

#receivematerials_vendor{
	padding: 7px;
	border-bottom: 1px solid #DDD;
}


#receivematerials_vendor > div:first-child{
	font-weight: 600;
}

.purchase , .request,.ownstockitem{
	list-style: none;
}

.ownstock{
	border-bottom: 1px solid #DDD;
}

#materiallistcontainer .material{
	border-bottom: none;
	border-top: 1px solid #DDD; 
}

#materials header{
	font-weight: 600;
	background: url(../image/right.png) no-repeat 99% 20%;
}

#materials .expand{
	background: url(../image/down.png) no-repeat 99% 20%;
}

#materials .expand > div{
	background-color: transparent!important;
}

.purchaseOrderHeader,.purchaseRequisitionHeader{
	font-weight: 600;
	min-height: 30px;
}

.purchaseOrderHeader{
	padding-top:5px;
}

.materials_pr{
	border-bottom: solid #CCC 1px !important;
}

#selectedmaterials .floatleft{
	width: 60%;
}
#selectedmaterials .floatright{
	width: 39%;
}

#materiallistcontainer #appendedInput,  #selectedmaterials #appendedInput{
	width: 40px;
}

.materialhandler #materials,
.storagelist {
	overflow: auto;
}

.materialsearch hr,
.materialsearch label {
    float: left;
    clear: left;
    width: 100px;
    text-align: left;
}

.materialsearch hr {
    border-style: outset;
    width: 100%;
}

#materialsearch_content {
    overflow: auto;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}

#materialsearch_content .input-prepend {
    text-align: center;
}

#materialsearch_content .input-prepend span {
    width: 30% !important;
    height: 30px !important;
    line-height: 30px !important;
}

#materialsearch_content .input-prepend input {
    width: 63% !important;
    height: 30px;
    line-height: 30px !important;
}

#materialsearch_content .input-prepend hr {
    width: 96% !important;
    height: 2px;
}

#nmaterialsearch_actions {
    text-align: center;
    padding-bottom: 5px;
}

#materialsearch_actions button {
    width: 127px;
}

.page.materialsearch {
    position: relative;
}

#materialsearch {
    margin: 10px 0;
    overflow: auto;
}

.page.materials #titleinfo{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 50%;
}

.page.materials .storage > div.floatright{
	margin-top: 0;
}	

.page.materials .storage{
	padding-top: 5px;
    margin-bottom: 5px;
}

/*
* INTERNAL ORDERS
****/
.internalorders_save{
	width: 39%;
	margin-left: 30%;
	float: left;
	height: 60px;
}

.confirmationlist_header time{
	float:right;
}

#confirmationreport_materials, #additionalcharges_materials {
	background: #ddd;
	color: #555;
	font-weight: 600;
	font-size: 1em;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

#confirmationreport_measpoints {
	background: #ddd;
	color: #555;
	font-weight: 600;
	font-size: 1em;
	padding: 5px;
	border-bottom: 1px solid #ccc;
}


/*
* NOTIFICATION
*/
#take_pic{
	float: right;
	display: block;
	width: 50px;
	height: 50px;
}

#notification_content {
	overflow: auto;
	padding: 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

#notification_actions {
	text-align: center;
    padding-bottom: 5px;
}

#notification_actions button {
	width: 127px;
}

#notification_images figure {
	display: inline-block;
	width: 32%;
}

#notification_images figcaption {
	margin: 5px 0 0;
	width: 100%;
}

#notification_images figcaption button {
	width: 100%; 
}

#notification_images figure:nth-child(2) {
	margin: 0 1.5%;
}

.notification div span {
	font-weight: bold;
}

#notification_content .input-prepend ,#notification_description{
    text-align: center;
}

#notification_content .input-prepend span {
    width: 30% !important;
    height: 30px !important;
    line-height: 30px !important;
}

 #notification_content .input-prepend select {
    width: 67% !important;
    height: 40px!important;
    line-height: 30px !important;
    display: inline-block;
}

#notification_content .input-prepend input {
    width: 63% !important;
    height: 30px;
    line-height: 30px!important;
}


#notification_description textarea{
	width: 97%;
	height: 120px;
}

.listImages {
	margin: 5px 0 0;
	overflow: hidden;
}
.listImages img {
	width: 30%;
	float: left;
	margin: 0 3% 0 0;
}
.listImages img:last-child {
	margin: 0;	
}

.notification_checkbox{
    margin-left:2px;
}

.notification_checkbox > span {
    font-weight: normal!important;
}

.notification_checkbox > input{
    margin:0;
}

#startdatetime {
    padding-top:8px;
    padding-bottom:0px;
}

.notificationlist #notifications li > article{
    margin-top:-10px;
}

/**
* 	NEW SERVICE ORDER
*/

.newordercontainer {
	overflow: auto;
}

h1.pagetitle.neworder {
	margin: 0 0 10px;
}
.newserviceorder .input-prepend {
	text-align: center;
}

.service_header {}

.newserviceorder .input-prepend span {
	width: 40%!important;
	height: 30px!important;
	line-height: 30px;
	text-wrap: wrap;
} 

.newserviceorder .input-prepend select {
	display: inline-block;
} 

.newserviceorder .input-prepend input,
.newserviceorder .input-prepend select {
	width: 50% !important;
	height: 40px!important;
	line-height: 30px !important;
}

#service_description {
	width: 90%;
	margin: 5px 0 10px;
}

#service_header {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    margin-bottom: 0;
    height: 40px;
    width:50%;
    display:inline-block;
}

.personsearch .search_label {
	font-size: inherit;
	font-weight: bold;
	margin: 0;
	padding: 5px 5px 0;
	line-height: inherit;
}

#personsearch_form { margin: 0 0 10px; }
#personsearch_results {
	border-top: 4px solid #ddd;
	list-style: none;
}

#personsearch_results li.person {
	border-bottom: 1px solid #ddd;
	padding: 5px;
}

#personsearch_results li.person h3 {
	font-size: 1.1em;
}

#personsearch_results li.person .details {
	color: #666;
	font-size: .9em;
}

#personsearch_empty_results {
	margin: 20px 0 0;
	text-align: center;
}

#contract {
	width: 38% !important;
	border: 1px solid #ccc;
	padding-left: 5px;
}

#searchContractBtn{
	height: 40px;
	width: 12%;
}

/*
* iOS fixes for CMFS
* input fields in notification and new service order view

*/
@supports (-webkit-touch-callout: none) {
	/* CSS specific to iOS devices */
	 input[type="date"],
	 input[type="time"] {
		-webkit-appearance: textfield;
		-moz-appearance: textfield;
	}
    #notification_content .input-prepend input {
        line-height: 20px !important
    }
 }

/*
* MEASURING POINT
*
*/
.measuring_point h3 {
	font-size: 1.1em;
}

#measuring_point_content {
	margin: 0 auto;
	overflow: auto;
}

.equipment aside {
	display: inline-block;
	float: right;
}

.description p,.equipment p {
	padding-top:5px;
}

.input-prepend.service_description {
	margin-top: 10px;
}

.input-prepend.service_description textarea {
	width: 95%;
	padding: 2%;
	height: 55px;
}
#measuring_point_description {
	height: 150px;
}

.measRow span {
	display: inline-block;
	width: 70px;
}

.measPoint {
	border-bottom: #ccc 1px solid;
}

.measRow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.icon-meas-reported {
	width: 16px;
	height: 16px;
	background: url(../image/icon_checked.png) no-repeat;
}

.measPoint .floatleft {
	width: 85%;
}

.measPoint .floatright {
	width: 13%;
}

.page.measuring_point #measuring_point_list {
	list-style: none;
}

.page.measuring_point .measButton {
	top: 5px!important;
}

.page.measuring_point .measRow {
	line-height: 2.5;
}

.btn.measButton {
	position: relative;
	top: -10px;
}

.measBlock .add-on {
	width: 30%!important;
	height: 30px!important;
	overflow: hidden;
	line-height: 30px;
}

.measBlock input,
.measBlock select {
	width: 62%!important;
	height: 30px!important;
	display: inline-block;
}

.measBlock input[type="checkbox"] {
	width: 30px !important;
	height: 30px!important;
	display: inline-block;
}
.measBlock input[type="checkbox"] {
	margin-left:10px;
}
.measBlock label {
	display: inline !important;
	white-space: normal;
}
.measBlock select {
	height: 40px!important;
	width: 65%!important;
}

#eqno {
    float: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 50%;
}

.meas_page_wrapper {
	padding: 5px;
}
.meas_page_wrapper_multi {
	padding: 5px;
}

#history_meas_docs caption { text-align: left; }

#history_meas_docs caption h3 { display: inline-block; }

#history_meas_docs caption a {
	display: none;
	float: right;
}
#history_meas_docs.single-value caption {
	height: 0px;
	overflow: visible;
}

#history_meas_docs tr *:first-child {
	padding-left: 0;
}

#history_meas_docs td:first-child {
	width: 90px;
	max-width: 90px;
}

#history_meas_docs.collapsed tbody tr {
	display: none;
}

#history_meas_docs.collapsed tbody tr:nth-child(-n+3) {
	display: table-row;
}

#history_meas_docs tfoot td {
	text-align: right;
}

.meas_modal div {
	margin: 0 0 5px;
}

.meas_modal b {
	margin: 0 5px 0 0;
}

.meas_modal b:after {
	content: ':';
}

@media all and (min-width: 600px) {
	#history_meas_docs {
		width: 49%;
		margin: auto;
		float: left;
	}
	
	.meas_stretch_container {
		margin: 33px 0 0;
		width: 49%;
		float: right;
	}
	
	#history_meas_docs.collapsed tbody tr {
		display: table-row!important;
	}
	
	#history_meas_docs caption a {
		display: none!important;
	}
}
.italic {
    font-style: italic;
}
/*
* show object name in measuring point list
*/
.measuring_point .pageTitleFlex #objectInfo {
    font-size: .9em;
    font-weight: normal;
}
.measuring_point .pageTitleFlex {
	overflow-wrap: anywhere;
	align-items: center;
}
.measuring_point .customizedHeaderTitle {
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.measuring_point .pageTitleFlex h1 {
	margin-right: 10px;
}
@media (max-width: 380px) {
	.measuring_point .pageTitleFlex h1 {
		margin-right: 0;
	}
}

/**
 * ABSENCE CONFIRMATIONS
 */
.scrollContainer {
	overflow: auto;
}
 
.inputform {
	width: 100%;
	margin: 10px 0 0;
}

.inputform > .input-prepend {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	width: 100%;
	overflow: hidden;
}

.inputform input[type="date"],
.inputform select,
.inputform textarea,
.inputform > .input-prepend > .add-on {
	margin: 0;
	height: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	line-height: 30px;
	height: 40px;
	font-size: 14px;
}

.inputform > .input-prepend > .add-on {
	margin-right: -1px;
}

.inputform input[type="date"],
.inputform select {
	width: 70%!important;
	padding: 9px 5px;
}

.input-prepend > .add-on {
	width: 30%;
}

.inputform textarea {
	height:  auto;
	width: 100%;
	line-height: 20px;
	padding: 7px;
}

p.abserror {
	padding: 20px 10px 0;
	text-align: center;
}

div.absconfDesc {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.absconfRange .spr {
	padding: 0 5px;
}
#absconf_duration_container input {
	width: 69.2%!important;
    padding: 9px 8px;
	padding-right: 0;
	min-height: 20px !important;
}


@media (max-width: 767px) {
	#absconf_duration_container input {
		width: 70%!important;
		padding: 9px 8px;
		padding-right: 0;
		min-height: 20px !important;
		height: 40px;
	}
}


/**
 * CHECKLISTS
 * Checklist styles
 */
.clitem {
	border-bottom: 1px solid #ddd;
}

.clheader {
	background: #ddd;
	padding: 5px;color: #666
	;text-transform: uppercase;
	font-weight: bold;
	border: none;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}

.reports .clitem.rep {
	color: #999;
}

.reports .clitem.rep.offline {
	background: #fff;
	color: #333;
}

.clitem > div {
    padding-top:5px;
    padding-right: 5px;
}

.clitem.selected {
    background:  #D2DADB;
}

.cltitle {
    padding: 10px 5px;
	display: block;
	font-weight: bold;
	text-transform: uppercase;
}

.cldesc {
	font-size: .9em;
	color: #666;
}

.checklistform {
	margin: 0;
}
.clheading {
	line-height: initial;
	padding: 0 0 5px;
	margin: 0 0 10px;
}

.clrow {
	margin: 10px 10px;
}

.clrow:first-child {
	margin-top: 0;
}

.clrow:last-child {
	margin-bottom: 0;
}

.cllbl {
	font-size: 16px;
}

.clrow input,
.clrow select {
	display: block;
	margin: 2px 0 0;
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.clrow input[type="checkbox"],
.clrow input[type="radio"] {
	display: inline;
	margin: 0;
	width: auto;
}

.clrow textarea {
	display: block;
	margin: 2px 0 0;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.reportFlexContainer {
	display: flex;
    align-items: center;
    justify-content: space-between;
}
.reportDoneToday {
	width: 24px;
	height: 24px;
	background-image: url('../image/icon_checked.png') !important;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 10px;
}
/**
 * HELPNEED
 * Helpneed styles
 */

#helpneed_container {
    padding: 0 5%;
    overflow:auto;
}

#helpneed_order, #helpneed_operation {
    padding-top:5px;
}


#helpneed_anyone {
    margin-top: 5px;
    margin-bottom: 10px;
}

#anyone {
    margin: 0 0 0 10px !important;
}

#helpneed_container .input-prepend span {
	width: 47% !important;
	height: 30px !important;
	line-height: 30px !important;
} 

#helpneed_container .input-prepend select {
	display: inline-block;
} 

#helpneed_container .input-prepend input ,
#helpneed_container .input-prepend select {
	width: 50% !important;
	height: 40px!important;
	line-height: 30px !important;
}

#helpneed_description {
	width: 96%;
    height: 100px;
	margin: 5px 0 10px;
}

#helpneed_order span,#helpneed_operation span {
    padding-left: 5px;
}

.helpneedFlex {
    display: inline-flex;
    width: 50%;
}
.helpneedFlex #helpneed_helper {
    width: 100% !important;
}
#help_online_search {
    border-radius: 4px;
    padding-top: 7px;
    padding-bottom: 7px;
}

/**
 * REINIT
 * Reinit screen
 */
.reinit_info {
	padding: 5px 0;
}

.reinit_info b {
	padding: 0 5px 0 0;
}

.reinit_info b:after {
	content: ':'
}

.reinit_warning {
	background: #FFF5BA;
	padding: 10px;
	color: #C47206;
	margin: 0 10px 10px;
}

/* ---- */

.progress_wrapper,
.progress_wrapper > #progress-bar {
	border-radius: 4px;
}

.reinit_progress {
	margin: 10px;
}

.progress_wrapper {
	background: #efefef;
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #ddd;
	box-shadow: inner 0 0 5px #888;
	margin: 10px 0;
}

.progress_wrapper > #progress-bar {
	width: 0%;
	max-width: 100%;
	background: #568BD1;
	
	-webkit-transition-property: width;
	-moz-transition-property: width;
	-ms-transition-property: width;
	-o-transition-property: width;
	transition-property: width;
	
	-webkit-transition-duration: .25s;
	-moz-transition-duration: .25s;
	-ms-transition-duration: .25s;
	-o-transition-duration: .25s;
  	transition-duration: .25s;
}

.progress_wrapper > #progress-bar.reset {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-ms-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	
	-webkit-transition-duration: 0;
	-moz-transition-duration: 0;
	-ms-transition-duration: 0;
	-o-transition-duration: 0;
  	transition-duration: 0;
}

#progress-bar .progress-amount {
	display: inline-block;
	width: 100%;
	min-width: 25px;
	text-align: center;
	color: #fff;
	font-size: .9em;
}

#progress-bar.dark .progress-amount {
	color: #666;
}

/* ---- */

.reinit_progress .status_label {
	font-weight: bold;
	font-size: .9em;
	text-transform: uppercase;
	padding: 0 2px 0 0;
}

.page.reinit .buttons {
	text-align: center;
}

.page.reinit .buttons button {
	width: 95%;
	margin: 0 0 5px;
}

#reinit_last_version_check {
	position: absolute;
	bottom: 5px;
	font-size: .8em;
	right: 5px;
}

/**
 * REPORTS
 * Reports screen
 */
.reports > .pagetitle {
	padding: 5px;
  	overflow: hidden;
}

#reports_content .alert-error {
	margin: 20px;
} 

.page.reports {
	margin: 0;
}

form.rpr {
	font-size: .9em;
	background: #fff;
	margin: 0;
}

form.rpr label {
	margin: 0;
}

form.rpr * {
	box-sizing: border-box;
}

form.rpr label > input {
	margin: 0 5px 0 0;
}

td.rpr-multiline {
	vertical-align: top;
}

.rpr-fieldset {
	width: 100%;
	border: none;
	box-sizing: border-box;
}

.rpr-full {
	width: 100%;
}

.rpr-extra {
	padding: 10px;
}

.rpr-hr {
	border-top-color: #ddd;
}

.rpr-hr.repeat-hr{
	margin-bottom: 5px;
}

@media all and (min-width: 800px) {
	.rpr-fieldset {
		width: 50%;
		float: left;
	}
	.rpr-fieldset.full {
		clear: both;
		width: 100%;
	}
	.rpr-fieldset.full > table {
		margin: 0 auto;
	}
}

table.rpr-table {
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}

table.rpr-table td {
	padding: 8px 5px;
}

.rpr-fieldset > legend {
	background:  #ccc;
	padding: 5px;
	display: block;
	width: 100%;
	line-height: normal;
	margin: 0;
	font-size: inherit;
}

input.rpr-text,
select.rpr-select,
textarea.rpr-textarea {
	display: inline-block;
	width: 100%;
	font: inherit;
	padding: 3px;
	border: 1px solid #ccc;
	height: auto;
	margin: 0;
}

.rpr-textarea {
	resize: none;
}

.rpr-label:after {
	content: ':';
}

#rpr-buttons { 
	padding: 10px;
	background: #efefef;
	border-top: 1px solid #ddd;
	clear: both;
}
#rpr-buttons :first-child { margin-right: 5px; }
#rpr-buttons :last-child { margin-left: 5px; }

.rpr-value-set,
.rpr-float-wrap,
#rpr-buttons {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	-o-flex-direction: row;
	flex-direction: row;
}

.rpr-value-set > *,
#rpr-buttons > * {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
}

.rpr-float-wrap > * {
	display: block;
	-webkit-flex: 2 1 auto;
	-moz-flex: 2 1 auto;
	-ms-flex: 2 1 auto;
	-o-flex: 2 1 auto;
	flex: 2 1 auto;
	width: auto!important;
}

.rpr-float-wrap :first-child {
	-webkit-flex: 1 1 auto;
	-moz-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	-o-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: right;
}

.rpr-float-wrap input:first-child {
	text-align: left;
}

.rpr-float-wrap input.inline {
	width: 25%!important;	
}

.rpr-float-wrap label.inline {
	text-align: right;
	margin: 0 5px;
}

.rpr-value-set input.inline {
	margin: 0 5px 0 0;
}

.rpr-value-set input.inline:last-child {
	margin: 0;	
}

tr.rpr-table-header,
legend.rpr-header {
	background: #294ba2;
	color: #fff;
}

.rpr-table-row.odd,
.rpr-table-comment.odd,
.rpr-odd {
	background: #efefef;
}

tr.rpr-table-comment > td {
	padding-top: 0;
}

tr.rpr-table-comment span {
	margin-right: 10px;
	color: #999;
}

tr.rpr-table-comment .rpr-value-set :last-child {
	width: 200px;
	margin: 0 0 0 5px;
}

tr.rpr-table-comment {
	display: none;
	padding-top: 0;
}

tr.rpr-table-header td.small,
tr.rpr-table-row td.small {
	width: 50px;
	text-align: center;
}

tr.rpr-table-row td:first-child {
	font-size: .9em;
}

td.rpr-label.full {
	padding-bottom: 0;
}

td.rpr-label-right {
	text-align: right;
	padding-right: 10px!important;
}

td.rpr-label:first-child {
	width: 100px;
}

td.rpr-value {
	padding: 3px;
}

td.rpr-value.inline-check {
	text-align: center;
	vertical-align: middle;
}

td.rpr-value.inline-check > * {
	margin: 0;
}

td.rpr-value.full {
	padding-top: 0;
} 

td.rpr-value.small {
	width: 80px;
}

td.rpr-value.tiny {
	width: 50px;
}

.rpr-notice {
	background: #fdffc3;
	padding: 10px!important;
}

.rpr-notice > b {
	font-size: 17px;
}

.rpr-opt-noti {
	font-size: 24px;
	font-weight: 600;
	padding-right: 3px;
	top: 9px;
	position: relative;
	color: #294ba2;
}

.rpr-unit {
	margin: 0 0 0 4px;
	line-height: 1.9em;
}

#rpr-signature, 
#customer-signature,
#user-signature {
	position: relative;
	cursor: crosshair;
	display: block;
	background: #e4f0f5;
	height: 100px;
	width: 100%;
}

#rpr-signature.error,
#customer-signature.error,
#user-signature.error
#customer_name.error {
	background: #fae9e9;
}

#rpr-signature-error,
#customer-signature-error,
#user-signature-error,
#expenses-name-error,
#expenses-email-error {
	display: none;
	background: #b93535;
	color: #fff;
	padding: 4px;
	font-size: .9em;
}

#rpr-email-error {
	display: none;
	background: #b93535;
	color: #fff;
	padding: 4px;
	font-size: .9em;
}

.rpr-text-right {
	text-align: right;
}

/**
 * EXPENSES
 * Expenses screen
 */

.page.expensereport table {
	width: 100%;
	padding: 10px;
	border-collapse: collapse;
}

.expenses-header {
	color: #003c72;
	font-weight: bold;
}

#expenses-date {
	width: 120px;
}

#expenses-logo {
	width: 150px;
}

/**
 * 	SERVICE REPORT
 */

#servicereport_clear {
	float: right;
	margin-right: 10px;
}

/**
 * Scheduler orders
 */
.page.sched_orders {
	margin: 0;
}

/**
 * Scheduler calendar
 * Calendar component for scheduler
 */
.scd-calendar-wrapper {
	display: block;
	width: 100%;
	overflow: hidden;
	position: relative;
	border-bottom: 2px solid #CCCCCC;
}

.scd-calendar-container {
	display: flex;
	flex-direction: row;
	position: relative;
	left: 0;
	
	/* Disable text selection */
	-o-user-select:none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
}

.scd-calendar-container.anim {
	transition: left .35s;
}

.scd-calendar-week {
	position: relative;
    flex: 1 0 100%;
	display: flex;
	flex-direction: row;
	background: #F7F7F7;
	color: #787878;
	left: -100%;
}

.scd-calendar-date {
	position: relative;
	flex: 1 1 100%;
	font-size: .9em;
	text-transform: capitalize;
}

.scd-calendar-date.disabled {
    background: #ddd;
    opacity: .5;
}

.scd-calendar-date.today {
	color: #5489B5;
	border-bottom: 3px solid #5489B5;
	
}

.scd-calendar-date.today > .scd-date-content {
	padding-top: 2px;
	
}

.scd-calendar-date > .header {
	line-height: 1em;
    padding: 2px 0;
}

.scd-date-content {
	padding-top: 5px;
	border-top: 1px solid #ccc;
}

.scd-date-content {
	border-right: 1px solid #ccc;
}

.scd-calendar-date > .header.scheduled {
	background-color: #9ACFE7;
	border-left: 1px solid #9ACFE7;
	border-right: 1px solid #9ACFE7;
	color: #fff;
}

.active .scd-date-content {
	background-color: #DFDFDF;
}

.scd-calendar-date * {
	text-align: center;
	display: block;
}

.scd-date-content > .number {
	font-size: 1.5em;
	font-weight: bold;
}

.sched_orders .pagetitle {
	line-height: 1.5;
	padding: 5px;
}

.sched_orders #titleinfo {
	font-size: .8em;
	font-weight: 600;
	line-height: 1.5;
}

#titleinfo .sel-date {
	margin-right: 7px;
}

.fc-agenda-slots td div{
	height: 28px;
}

/**
 * Scheduler timeline
 */
 #scheduler_orders.loading {
 	opacity: .4;
 }

#scheduler_orders tr.break{
	background-color: #e6e6e6;
}

#scheduler_orders tr.break td{
	background-color: #e6e6e6;
}

#schedule-duration {
	width: 35px;
}

#schedule-time {
	width: 80px;
    padding-right: 0px;
}

.fc-content thead { display: none; }
.fc-slats {
	font-size: .85em;
}

table.fc-agenda-slots {
	background: #fff;
}

td.fc-widget-content {
    background: #F5F5F5;
}

.scd-event {
	padding: 2px;
	overflow: hidden;
}

.scd-event-wrap {
	display: flex;
	flex-direction: row;
	outline: 0;
	overflow: hidden;
	position: relative;
	background: #DBDCDB;
	color: #4C4C4C;
	margin-right: 7px;
	font-size: .85em;
	border-radius: 5px;
	padding: 4px;
    line-height: 1.1;
    height: 100%;
    box-sizing: border-box;
}

.scd-event-wrap > .icons {
	flex: 0 1 auto;
	margin: 0 5px 0 0;
	max-width: 15px;
    min-width: 12px;
}

.scd-event-wrap > .icons > * {
	display: block;
}

.scd-event-wrap > .icons > img.arrived {
	margin: 5px 0 0;
}

.scd-event-wrap > .content {
	flex: 1 1 100%;
}

.scd-event sub {
	bottom: 0;
	margin: 0 0 0 5px;
}

.scd-event:last-child {
	margin-right: 0;
}

.scd-select {
    opacity: .6;
	align-self: center;
    padding: 0 3px 0 0;
}


/**
 * Reschedule
 */
 
#scd-overlay {
	display: none;
	top: 0;
	position: fixed;
	width: 100vw;
	height: 100vh;
	background: #6B6B6B;
	opacity: 0;
}

.page.reschedule {
	overflow: hidden;
	margin: 0;
}

.page.reschedule.dialog #scd-overlay {
	display: block;
	
	opacity: .7;
	transition: opacity .25s;
}

.page.reschedule .pagetitle {
	padding: 5px 5px 10px 5px;
}

.scd-oper {
	font-size: .9em;
	padding: 10px;
	border-bottom: 1px solid #E6E5E5;
}

.scd-oper-select {
    margin-right: 10px;
    align-self: center;
}

.scd-oper-select > .check,
.endday .order.scheduled > .check {
	display: block;
	width: 28px;
	height: 28px;
	background-image: url(../image/scd-check.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.endday .order.scheduled > .check {
	margin: 5px 10px 0 5px;
    flex: 1 0 auto;
}

.scd-oper.active {
	background-color: #E5E5E5;
	border-bottom: 1px solid #ccc;
}

.scd-oper .time {
	font-weight: 400;
    font-size: .9em;
    float: right;
    white-space: nowrap;
    text-align: right;
}

.scd-oper .name,
.scd-scheduled-oper .name {
	width: 100%;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.scd-content {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.scd-oper header,
.scd-scheduled-oper header {
	white-space: nowrap;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.scd-scheduled-oper .time {
	white-space: nowrap;
}

.active > .scd-oper-select > .check {
	background-position: 0 -28px;
}

.rescheduled > .scd-oper-select > .check,
.endday .order.scheduled > .check {
	background-position: 0 -56px;
}

.scd-scheduled-oper {
	display: block;
	border-bottom: 1px solid #E6E5E5;
	padding: 10px;
	font-size: .9em;
}

.scd-scheduled-oper .button {
	text-transform: uppercase;
	padding-left: 10px;
	padding-right: 10px;
}

.scd-oper .time {
	color: #999;
}

.scd-oper.rescheduled .time,
.scd-scheduled-oper.rescheduled header,
.scd-scheduled-oper.rescheduled .time {
	color: #4F945A;
}

.scd-action-wrapper {
	margin-left: 5px;
}

.scd-action-wrapper .button {
	margin-top: 10px;
}


#scd-add-dialog {
	display: block;
	visibility: hidden;
	height: 0px;
	overflow: hidden;
	background: #fff;
    position: absolute;
    width: 100%;
    padding:0;
    font-size: .9em;
    left: 0;
    box-sizing: border-box;
    transform: translateY(5%);
    box-shadow: 0 -1px 5px #6F6F6F;
}

#scd-add-dialog .formrow {
	margin: 0 10px 16px 10px;
}

#scd-add-dialog .formrow label {
	font-size: 1em;
}

#scd-add-dialog .formrow .lbl {
	margin: 0 5px 0 0;
    display: block;
    padding-bottom: 5px;
}
#scd-add-dialog .formrow .lbl:after {
	content: ':';
} 

#schedule-end {
    margin: 0 0 0 3px;
    font-size: 1em;
}

.page.reschedule.dialog #scd-add-dialog {
	height: auto;
	visibility: visible;
	padding: 16px 5px 0px;
	transform: translateY(-100%);
	transition: transform .25s;
	transition-delay: .1s;
}

#scd-add-dialog input {
	text-align: center;
	-moz-appearance:textfield;
	margin: 0 5px 0 0;
}

#scd-add-dialog input::-webkit-outer-spin-button,
#scd-add-dialog input::-webkit-inner-spin-button {
	-webkit-appearance: none;
    margin: 0;
}

#scd-duration-slider {
	display: block;
	/*background: #8AC7E6;*/
	height: 5px;
	border: 1px solid #ddd;
	border-radius: 2.5px;
	box-shadow: none;
}

.noUi-connect {
    background: #8AC7E6 !important;
}

#scd-duration-slider .noUi-handle {
	width: 25px;
	height: 25px;
	color: #fff;
	border: 1px solid #ddd;
	border-radius: 50%;
	box-shadow: 1px 2px 5px #ddd;
	/*left: -12.5px;*/
	top: -12.5px;
}
#scd-duration-slider .noUi-handle::before,
#scd-duration-slider .noUi-handle::after {
	display:none;
}

.scd-postpone-desc {
	margin: 20px 0;
}

/**
 * Reschedule at End-of-Day
 */
#reschedule-operations {
	list-style: none;
	overflow: auto;
}

#reschedule-operations > li {
	box-sizing: border-box;
	width: 100%;
}

#btn-reschedule {
	margin: 10px auto;
	width: 95%;
}

#extra_hour{
	position: absolute;
    bottom: 0;
    background-color: #efefef;
    width: 100%;
    left: 0;
    padding: 5px 5px;
    border-top: 1px solid #ccc;
}

#scd-add-dialog form {
	margin-bottom: 40px;
}
#reschedule_durationtype {
    margin-bottom: 1px;
    width: auto;
}

/*
* CONTRACT VIEW
*/
.contractBtn, .contractcustomerBtn {
	float:right;
}


/**
 * BOOTSRAP OVERRIDE
 *
 */
ul, ol {
	margin: 0;
	padding: 0;
}

.modal-backdrop {
	width: 110%;
	height: 110%;
}


/**
*
* mFiles loader
*/

@keyframes spin {
    to { transform: rotate(1turn); }
}

.mfilesprogress {
    position: relative;
    display: inline-block;
    width: 5em;
    height: 5em;
    margin: 0 .5em;
    font-size: 12px;
    text-indent: 999em;
    overflow: hidden;
    animation: spin 1s infinite steps(8);
}

.small.mfilesprogress {
    font-size: 3px;
    float: right;
}

.mfilesprogress:before,
.mfilesprogress:after,
.mfilesprogress > div:before,
.mfilesprogress > div:after {
    content: '';
    position: absolute;
    top: 0;
    left: 2.25em; /* (container width - part width)/2  */
    width: .5em;
    height: 1.5em;
    border-radius: .2em;
    background: #eee;
    box-shadow: 0 3.5em #cecece; /* container height - part height */
    transform-origin: 50% 2.5em; /* container height / 2 */
}

.mfilesprogress:before {
    background: #555;
}

.mfilesprogress:after {
    transform: rotate(-45deg);
    background: #777;
}

.mfilesprogress > div:before {
    transform: rotate(-90deg);
    background: #999;
}

.mfilesprogress > div:after {
    transform: rotate(-135deg);
    background: #bbb;
}
#mfileslogging {
    margin-left: 33%;
    padding: 10px 0 10px 50px;
    background: #fff url('../image/mobile-loader.gif') 7px 50% no-repeat;
}
.mfileswarning {
    width: 10em;
    height: 8em;
    background: url('../image/warning.png') no-repeat;
    font-size: 3px;
    background-size: 19px 17px;
    background-position: 5px 3px;
    float: right;
    color: #666;
}
.eye {
    width: 20px;
    height: 20px;
    background-image: url('../image/eye.png');
    background-size: 20px 15px;
    background-repeat: no-repeat;
    background-position: 2px 3px;
}

/**
* Additional charges
*
*/

.additionalcharges_container {
    overflow: auto;
}
#additionalcharges_materialContainer #appendedInput, #additionalotherfees_materialContainer #appendedInput {
    width: 25px;
}
.additionalCkbox {
    display: inline-flex;
    padding-left: 20px;
    padding-top: 4px;
}
.additionalInputs {
    padding-top: 6px;
}
.additionalfeeActionBox {
    margin-top: 10px;
}
.feeRow {
    display: flex;
    justify-content: space-between;
}
.feeRow .input-append .add-on {
    border-radius: 0 4px 4px 0;
}
.feeRow .materialdesc {
	max-width: 59vw;
    word-wrap: break-word;
}
.additionalFeeActions {
    padding-top: 12px;
}

/*
*
*/

#equipment_info span.required::after {
    content: '*';
    color: red;
    font-size: 18px;
    position: relative;
    top: 3px;
    left: 3px;
}
#equipment_info input {
	width: 97%;
}
/*
* RFC-1698
* field controls
*/
.controlGroupFlex {
	display: flex;
	justify-content: space-between;
}
.cmfs_flex02 {
	flex: 0.2;
}
.cmfs_flex075 {
	flex: 0.75;
}
.cmfs_flex03 {
	flex: 0.3;
}
.cmfs_flex035 {
	flex: 0.35;
}
.cmfs_flex065 {
	flex: 0.65;
}
.refrig {
	text-align: right;
}
.marginRight5px {
	margin-right: 5px;
}
.verticalMiddle {
	vertical-align: -webkit-baseline-middle !important;
}

/*
* RFC-1711
* risk assessment questions
*/
.questioncontainer {
	font-size: 0.85em;
}
.questioncontainer > div:nth-child(odd) {
	background-color: #efefef;
}
.questioncontainer > div {
	margin-bottom: 0.3rem;
	padding-right: 0.3rem;
    padding-bottom: 0.3rem;
	padding-left: 0.3rem;
}
.flexList {
	display: flex;
	justify-content: space-between;
}
.riskHeader {
	background: #294ba2 !important;
	color: #fff !important;
}

/*
* Measuring point group css
*
*/
.MPButton_group{
	width: 55px;
	height: 55px;
	border: none;
	float: right;
	margin-top: -45px;
	margin-right: 0px;
	background-image: url('../image/type_measure_group.png');
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-color: transparent;
	background-size: contain;
}
#measGroup {
	list-style: none;
	margin: 10px 0;
}
.measGroupFlex {
	display: flex;
	justify-content: space-between;
}
.measGroupActionArrow {
	display: flex;
}
#measGroup li {
	position: relative;
	margin: 0 0 0 15px;
}
#measGroup > li {
	margin: 0;
}
#measGroup > li:first-child {
	margin: 1px 0 0 0;
	/*position: relative;
	margin: 0 0 0 15px;*/
}
#measGroup .group, #measGroup .measP {
	background-color: #efefef;
}
#measGroup li .group {
	background-image: url('../image/type_measure_group.png');
	background-repeat: no-repeat;
	padding: 6px 0 0px 70px;
	background-position: 6px 10px;
}
#measGroup li .group, #measGroup li .mp {
	background-repeat: no-repeat;
	border: 1px solid #666;
	margin: -1px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#measGroup .group, #measGroup .mp {
	background-color: #ccc;
}
#measGroup .open .objectArrow {
	width: 22px;
	height: 18px;
	top: 18px;
	right: 10px;
	background-image: url('../image/down.png');
}
/*MeasGroup measpoints*/
#measGroup ul {
	list-style: none;
}
#measGroup li.MP .measGroupFlex {
	padding: 10px 0 0px 50px;
    background-position: 5px 12px;
    line-height: 100%;
	background-image: url('../image/type_measure.png');
	background-repeat: no-repeat;
	background-color: #aaa;
}
#measGroup ul.closed {
	display: none;
}
#measGroup li.open .group {
	border-bottom-left-radius: 20px;
}

/*
* RFC-141 Purchase order popup
*
*/

a.disabled {
	/* Make the disabled links grayish*/
	color: gray;
	/* And disable the pointer events */
	pointer-events: none;
  }

#purchase_invoices_header_info {
	font-size: 0.7em;
	text-transform: none;
	font-weight: normal;
	margin-left: 5px;
}

/* RFC-509 */

.trainmodel_header {
	font-size: 1.2em;
}
.trainmodel_order_note_button {
	background: #4A87AB;
	color: #fff;
	font-size: .6em;
	font-weight: 600;
	padding: 0 5px 0px 5px;
	border-radius:2px;
}

.trainmodel_order_note_button.nonotes  {
	background: #aaa !important;
}

.trainmodel_button {
    height: 26px;
    padding: 2px 5px;
    margin: 3px 5px 0 0;
}

.modifyEquipmentButton {
	/* float: right;
    margin-top: -25px; */
	border: none;
	/*margin-right: 5px;
	margin-left: 5px;*/
	width: 20px;
	zoom: 1.4;
	background-color: transparent;
}

@media (max-width: 400px) {
	.trainmodel_header {
	font-size: 1.0em;
}

}
/*
* RFC-477
*/

/* Image preview dialog */
.imagePreviewDialog {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.imagePreviewDialog label {
	width: 29vh;
}
.imagePreviewDialog input {
	width: 97%;
}
.imagePreviewDialog input, .imagePreviewDialog label {
	margin-bottom: 0;
	padding-right: 0;
}

.imagePreviewDialogFigure {
	margin-bottom: 1rem;
}
.imagePreviewDialogImage {
	height: 38vh;
	width: 100%;
	object-fit: contain;
    background-size: contain;
}
/*
* add new equipment when selecting equipment to order
*/
@media (max-width: 480px) {
	.createNewEquipmentToOrderBtn {
		margin-top: 5px;
	}
}
/*
* equipment count in operations view
*/
.objectIcon {		
	background: #ccc 50% 50% no-repeat url('../image/objectE.png');
	background-size: 30px;
}
.objectCountBtn {
	width: 40px;
	height: 40px;
	border: none;
}
.objectCountBtn::before {
	display: block;
    content: attr(data-before);
    margin-left: 35px;
    margin-top: -0.9rem;
    margin-bottom: 1rem;
	color: #333;
    font-size: 1.2em;
}
.buttonNoActions {
	pointer-events: none !important;
	cursor: crosshair !important;
}
.flexJustifyBetween {
	display: flex;
	justify-content: space-between;
}
.orderhistory .attachmenticon {
	width: 30px;
    margin: 0 2% 0 0;
}
.orderhistory .attDescription {
	width: 75%;
	display: flex;
    align-items: baseline;
}
/*
* RFC-485 purchase reporting
*/
.purchaseContainerStatusChange {
	margin: auto;
    padding-top: 20px;
    width: 84%;
}
.purchaseBlock {
	display: flex;
}
.purchaseBlock input,
.purchaseBlock select {
	width: 62% !important;
	height: 30px !important;
	display: inline-block;
}

.purchaseBlock input[type="checkbox"] {
	width: 30px !important;
	height: 30px !important;
	display: inline-block;
}

.purchaseBlock input[type="checkbox"] {
	margin-left: 10px;
	margin-top: 0;
}

.purchaseBlock label {
	display: inline !important;
	white-space: normal;
}

.purchaseBlock select {
	height: 40px !important;
	width: 65% !important;
}
.purchaseBlock .add-on {
	width: 100%;
}
/*
* RFC-484
*/
.confirmation_item_subwageIndicator1 {
	border-left: solid 4px #a2abad;
}

.confirmation_item_subwageIndicator2 {
	border-left: solid 4px #5b5f60;
}

/*
* RFC-936
*
*/
.startDayPopupTable, .endDayPopupTable {
	margin-bottom: 0 !important;
	border-top: hidden;
}
.importantTextAlignRight {
	text-align: right !important;
}