/**
*File: css/myStyles.css
*
*css file for custom styles
*
*@package css
*@author Lars Pickbrenner
*@version 1.0
*@copyright Copyright (c) 2015, Lars Pickbrenner
*18.08.2015
*
*/

html > body > div.container > img {
	margin-top: 10px;
}

@media print {
    .noprint {
      	display: none;
    }
    a[href]:after {
    	display:none; 
    }
    .only_print {
      	display: block;
    }
}
			
@media screen {
    .only_print {
      	display: none;
    }
}

@media (min-width: 1350px) {
  .container {
    width: 1325px;
  }
  button.start-btn {
		width: 70%;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}

@media (max-width:1200px){
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse:not(.in) {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

span.tab{
    padding: 0 80px;
}
span.tab2{
    padding: 0 20px;
}
span.tab3{
    padding: 0 10px;
}
span.tab4{
    padding: 0 3px;
}
span.tab9{
    padding: 0 40px;
}

.btn {
  vertical-align: middle;
  font-size: 12px;
}

.btn-xl {
  padding: 15px 15px;
  font-size: 14px;
  line-height: 2;
  border-radius: 6px;
}

.btn-chosen {
  padding: 10px 10px;
  font-size: 10px;
  line-height: 1;
  border-radius: 6px;
  background: lightgrey;
  border-color: grey;
  color: black;
}
.btn-chosen:hover {
  background: grey;
  border-color: black;
}

button.stop-btn {
	display: block;
	height: 10%; 
	margin: 0 auto;
	
	font-size: 150%;
	text-align: center;
}

button.start-btn {
	display: block; 
	height: 10%; 
	margin: 0 auto;
	
	font-size: 200%;
	text-align: center;
}

button.confirm-btn {
	display: block; margin: 0 auto;
	
	font-size: 150%;
	text-align: center;
}

button.discard-btn {
	display: block; margin: 0 auto;
	
	font-size: 150%;
	text-align: center;
}

button.discard-btn-small {
	display: block; margin: 0 auto;
	
	text-align: center;
}

div.trafficlight {
	display: block; width: 50px; height: 50px; margin: 0 auto;
	/*border-radius: 100%;*/
	
	pointer-events: none;
   	cursor: default;
}

div.trafficlight_long {
	display: block; width: 80px; height: 10px; margin: 0 auto;
	/*border-radius: 100%;*/
	
	pointer-events: none;
   	cursor: default;
}

div.disabled {
   	pointer-events: none;
   	cursor: default;
   
   	background: grey; /* old browsers */
	background: -moz-linear-gradient(top, lightgrey 0%, grey 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lightgrey), color-stop(100%,grey)); /* webkit */
	
	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	/*border: 1px solid grey;*/
	
	color: grey;
	text-shadow: 0px 1px 2px lightgrey;
}

div.table-disabled.jexcel_container td {
	pointer-events: none;
   	cursor: default;
}

table.jexcel td.readonly {
	background-color: #eee;
	cursor: not-allowed;
}

div.disabled2 {
   	pointer-events: none;
   	cursor: default;
   
   	background: grey; /* old browsers */
	background: -moz-linear-gradient(top, lightgrey 0%, grey 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,lightgrey), color-stop(100%,grey)); /* webkit */
	
	box-shadow: inset 0px 0px 6px #fff;
	-webkit-box-shadow: inset 0px 0px 6px #fff;
	border: 1px solid grey;
	
	color: black;
	text-shadow: 0px 1px 2px lightgrey;
}

.page-header {
    border-bottom: 0px solid #EEE;
}

.table-round {
	border: 1px solid #CCCCCC;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    box-shadow: 0 1px 1px #CCCCCC;
    border-collapse: separate;
}
.no-border {
	border:0;
}

.banderole {
  		background: transparent linear-gradient(#5e5e5e, #000000) repeat scroll 0% 0%;
  		background: transparent -webkit-linear-gradient(#1616E2, #000059) repeat scroll 0% 0%;
}

.banderole {
    position: absolute;
    top: 80px;
    left: -75px;
    width: 15em;
    height: 2em;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.8em;
    text-align: center;
    box-shadow: 0px 2px 4px #444;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.banderole-link {
	display:block;
	cursor:hand;
	color:#fff;
}
.banderole-link:hover {
	text-decoration:none;
	color:#fff;
}

.navbar-inverse {
    border: 0 !important;
}

.navbar-brand {
	color: #fff !important;
}
.navbar-brand:hover {
	color: #777 !important;
}
.dt-button:last-child {
	display: none;
}
li.dt-button > a {
	color: #333 !important;
	font-weight: 400 !important;
	line-height: 1.42857 !important;
	text-align: center !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	/*text-shadow: 0px 1px 0px #FFF !important;*/
	text-shadow: 0px 1px 0px #FFF !important;
	background-color: #E0E0E0 !important;
	background-image: linear-gradient(to bottom, #F9F9F9 0px, #E0E0E0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #CCC !important;
}
li.dt-button:hover > a, li.dt-button:focus > a {
	border: 0px !important;
	opacity: 0.8;
	background-color: #CCC !important;
	background-image: -moz-linear-gradient(center top , #F9F9F9 0%, #CCC 100%) !important;
}
li.dt-button.active > a {
	color: #333 !important;
	font-weight: 400 !important;
	line-height: 1.42857 !important;
	text-align: center !important;
	white-space: nowrap !important;
	cursor: pointer !important;
	/*text-shadow: 0px 1px 0px #FFF !important;*/
	text-shadow: 0px 1px 0px #FFF !important;
	background-image: linear-gradient(to bottom, #EAEAEA 0px, #CCC 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #CCC !important;
	box-shadow: 1px 1px 3px #666 inset !important;
}
ul.dt-button-collection.dropdown-menu {
    -moz-column-gap: 2px !important;
}
a.buttons-create:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f0fe";
    margin: 0 5px 0 0;
}
a.buttons-create span {
	margin-left: 5px;
}
a.buttons-edit:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f013";
    margin: 0 5px 0 0;
}
a.buttons-edit span {
	margin-left: 5px;
}
a.buttons-remove:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f2ed";
    margin: 0 5px 0 0;
}
a.buttons-remove span {
	margin-left: 5px;
}
a.buttons-print:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f02f";
    margin: 0 5px 0 0;
}
a.buttons-print span {
	margin-left: 5px;
}
a.buttons-excel:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f1c3";
    margin: 0 5px 0 0;
}
a.buttons-excel span {
	margin-left: 5px;
}
a.buttons-csv:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f15c";
    margin: 0 5px 0 0;
}
a.buttons-csv span {
	margin-left: 5px;
}
a.buttons-pdf:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f1c1";
    margin: 0 5px 0 0;
}
a.buttons-pdf span {
	margin-left: 5px;
}
a.buttons-copy:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f0c5";
    margin: 0 5px 0 0;
}
a.buttons-copy span {
	margin-left: 5px;
}
a.buttons-reset:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f2f1";
    margin: 0 5px 0 0;
}
a.buttons-reset span {
	margin-left: 5px;
}
a.buttons-daterange:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f073 ";
    margin: 0 5px 0 0;
}
a.buttons-daterange span {
	margin-left: 5px;
}
a.buttons-empty:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f071 ";
    margin: 0 5px 0 0;
}
a.buttons-empty span {
	margin-left: 5px;
}
a.buttons-colvis:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f14a ";
    margin: 0 5px 0 0;
}
a.buttons-colvis span {
	margin-left: 5px;
}
a.buttons-image:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f1c5";
    margin: 0 5px 0 0;
}
a.buttons-image span {
	margin-left: 5px;
}
a.buttons-cart:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f07a";
    margin: 0 5px 0 0;
}
a.buttons-cart span {
	margin-left: 5px;
}
a.buttons-cart-empty:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f218";
    margin: 0 5px 0 0;
}
a.buttons-cart-empty span {
	margin-left: 5px;
}
a.buttons-check:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f14a ";
    margin: 0 5px 0 0;
}
a.buttons-check span {
	margin-left: 5px;
}
a.buttons-sort:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f160";
    margin: 0 5px 0 0;
}
a.buttons-sort span {
	margin-left: 5px;
}
a.buttons-level-up:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f3bf";
    margin: 0 5px 0 0;
}
a.buttons-level-up span {
	margin-left: 5px;
}
a.buttons-table:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0ce";
    margin: 0 5px 0 0;
}
a.buttons-table span {
	margin-left: 5px;
}
a.buttons-task:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f064";
    margin: 0 5px 0 0;
}
a.buttons-task span {
	margin-left: 5px;
}
a.buttons-avail:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0ad";
    margin: 0 5px 0 0;
}
a.buttons-avail span {
	margin-left: 5px;
}
a.buttons-quality:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0d1";
    margin: 0 5px 0 0;
}
a.buttons-quality span {
	margin-left: 5px;
}
a.buttons-oee:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f3fd";
    margin: 0 5px 0 0;
}
a.buttons-oee span {
	margin-left: 5px;
}
button.buttons-order:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0b2";
    margin: 0 5px 0 0;
}
button.buttons-order span {
	margin-left: 5px;
}
button.buttons-size:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f31e";
    margin: 0 5px 0 0;
}
button.buttons-size span {
	margin-left: 5px;
}
button.buttons-save:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f0c7";
    margin: 0 5px 0 0;
}
button.buttons-save span {
	margin-left: 5px;
}
button.buttons-back:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f048";
    margin: 0 5px 0 0;
}
button.buttons-back span {
	margin-left: 5px;
}
a.buttons-calendar:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f073";
    margin: 0 5px 0 0;
}
a.buttons-calendar span {
	margin-left: 5px;
}
a.buttons-list:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f03a";
    margin: 0 5px 0 0;
}
a.buttons-list span {
	margin-left: 5px;
}
a.buttons-clipboard-empty:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f328";
    margin: 0 5px 0 0;
}
a.buttons-clipboard-empty .svg-inline--fa {
    margin-right: 5px;
}
a.buttons-clipboard-collection:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0ea";
    margin: 0 5px 0 0;
}
a.buttons-clipboard-collection .svg-inline--fa {
    margin-right: 5px;
}
a.buttons-clipboard:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f46d";
    margin: 0 5px 0 0;
}
a.buttons-clipboard .svg-inline--fa {
    margin-right: 5px;
}
a.buttons-template:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f15c";
    margin: 0 5px 0 0;
}
a.buttons-template span {
	margin-left: 5px;
}
a.buttons-save:before {
	display:none;
    font-family: "Font Awesome 5 Regular";
   	content: "\f0c7";
    margin: 0 5px 0 0;
}
a.buttons-save span {
	margin-left: 5px;
}
a.buttons-truck:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0d1";
    margin: 0 5px 0 0;
}
a.buttons-truck span {
	margin-left: 5px;
}
a.buttons-wrench:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0ad";
    margin: 0 5px 0 0;
}
a.buttons-wrench span {
	margin-left: 5px;
}
a.buttons-pencil:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f044";
    margin: 0 5px 0 0;
}
a.buttons-pencil span {
	margin-left: 5px;
}
a.buttons-refresh:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f2f1";
    margin: 0 5px 0 0;
}
a.buttons-refresh span {
	margin-left: 5px;
}
a.buttons-back:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f048";
    margin: 0 5px 0 0;
}
a.buttons-back span {
	margin-left: 5px;
}
a.buttons-upload:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f093";
    margin: 0 5px 0 0;
}
a.buttons-upload span {
	margin-left: 5px;
}
a.buttons-show:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f06e";
    margin: 0 5px 0 0;
}
a.buttons-upload span {
	margin-left: 5px;
}
button.buttons-left-arrow:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f100";
    margin: 0 5px 0 0;
}
button.buttons-left-arrow span {
	margin-left: 5px;
}
button.buttons-right-arrow:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f101";
    margin: 0 5px 0 0;
}
button.buttons-right-arrow span {
	margin-left: 5px;
}

a.buttons-mapping:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f0e8";
    margin: 0 5px 0 0;
}
a.buttons-mapping span {
	margin-left: 5px;
}

a.buttons-options:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f085";
    margin: 0 5px 0 0;
}
a.buttons-options span {
	margin-left: 5px;
}

a.buttons-equipments:before {
	display:none;
    font-family: "Font Awesome 5 Solid";
   	content: "\f2db";
    margin: 0 5px 0 0;
}
a.buttons-equipments span {
	margin-left: 5px;
}

.dataTable {
	font-size: 12px;
}
th > select.form-control, th > input.form-control {
	font-size: 12px;
}

.ui-keyboard div { font-size: 2.5em; }
.ui-keyboard-button { height: 3.5em; width: 3.5em; margin: .1em; cursor: pointer; }

.multiselect-container > li {
    padding: 0px 10px;
}

.DTE_Field_InputControl > select, .DTE_Field_InputControl > input {
	width: 100%;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.DTE_Field_InputControl > select:focus, .DTE_Field_InputControl > input:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	background-color: #fff !important;
}

div.DTED_Lightbox_Wrapper {
	z-index: 9999 !important;
}

div.editor-datetime {
	z-index: 10000 !important;
}

td.marked_crit, div.marked_crit {
	/* background-color: #DF9494; */
	background-color: #d9534f !important;
	color: #fff;
}

td.marked_warn, div.marked_warn {
	/* background-color: #eee8aa; */
	background-color: #f0ad4e !important;
	color: #fff;
}

td.marked_normal, div.marked_normal {
	/* background-color: #eee8aa; */
	background-color: #5bc0de !important;
	color: #fff;
}
			
td.marked_good, div.marked_good {
	/* background-color: #90ee90; */
	background-color: #5cb85c !important;
	color: #fff;
}

td.marked_aborted, div.marked_aborted {
	/* background-color: #90ee90; */
	background-color: #ccc !important;
	color: #fff;
}

td.marked_black, div.marked_black {
	/* background-color: #DF9494; */
	background-color: black !important;
	color: black;
}

.mr-2 {
	margin-right: 0.5rem!important;
}

span.marked_crit {
	color: #d9534f !important;
}

span.marked_warn {
	color: #f0ad4e !important;
}

span.marked_normal {
	color: #5bc0de !important;
}
			
span.marked_good {
	color: #5cb85c !important;
}

td.origin, div.origin {
	/* background-color: #eee8aa; */
	background-color: #f2fafd !important;
}

.btn-colvis {
	float:right;
}

.error {
	color:red;
	margin-top: 0px;
	padding-top: 0px;
}

.input-error {
	border: 2px solid red !important;
}

.buttons-columnVisibility {
	position: relative;
	left: 0;
	right: 0;
	display: block;
	float: none;
	margin-bottom: 4px;
	margin-right: 0;
	box-sizing: border-box;
	padding: 0em 0em;
	border: 1px solid #999;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0.88em;
	color: black;
	white-space: nowrap;
	overflow: hidden;
	background-color: #e9e9e9;
	background-image: -webkit-linear-gradient(top, #fff 0%, #e9e9e9 100%);
	background-image: -moz-linear-gradient(top, #fff 0%, #e9e9e9 100%);
	background-image: -ms-linear-gradient(top, #fff 0%, #e9e9e9 100%);
	background-image: -o-linear-gradient(top, #fff 0%, #e9e9e9 100%);
	background-image: linear-gradient(top, #fff 0%, #e9e9e9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#e9e9e9');
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	text-decoration: none;
	outline: none;
}

.buttons-columnVisibility:active {
	background-color: #dadada;
	background-image: -moz-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
	background-image: -ms-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
	background-image: -o-linear-gradient(top, #f0f0f0 0%, #dadada 100%);
	background-image: linear-gradient(top, #f0f0f0 0%, #dadada 100%);
	box-shadow: inset 1px 1px 3px #666;
	position: relative;
	left: 0;
	right: 0;
	display: block;
	float: none;
	margin-bottom: 4px;
	margin-right: 0;
	box-sizing: border-box;
	padding: 0.5em 1em;
	border: 1px solid #999;
	border-radius: 2px;
	cursor: pointer;
	font-size: 0.88em;
	color: black;
	white-space: nowrap;
	overflow: hidden;
}

.extended_reason, .extended_solution {
	display: none;
}

.spacing span {
    font-size: 16px;
    margin:0 15px 0 0;
}

td.danger {
    background-color: #f2dede;
}

div.green {
	background-color: #E8FBE8;
}
div.red {
	background-color: #FFF7F7;
}

div.div-btn-green {
	color: #fff;
	background-color: #6eb86e;
	border-color: #5cb85c;
}
div.div-btn-green:hover {
	color: #fff;
	background-color: #5e9d5e;
	border-color: #419641;
}
div.div-btn-red {
	color: #fff;
	background-color: #d9706c;
	border-color: #d9534f;
}
div.div-btn-red:hover {
	color: #fff;
	background-color: #c95350;
	border-color: #c12e2a;
}

.highcharts-menu-item {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;
	font-size: 14px !important;
	color: black !important;
	padding: 3px 20px !important;
}
.highcharts-menu-item:hover {
	background-color: #e8e8e8 !important;
}
.highcharts-menu-item > a:hover {
	text-decoration: none !important;
}

.value-positive {
	color: #3c763d !important;
	background-color: #dff0d8 !important;
	border-color: #d6e9c6 !important;
}

.value-negative {
	color: #a94442 !important;
	background-color: #f2dede !important;
	border-color: #ebccd1 !important;
}

.toggle.btn {
    min-height: auto !important;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.disabled_option {
	display: none;
}

.equipment_search_input {
	width: -moz-calc(100% - 76px) !important;
	width: -webkit-calc(100% - 76px) !important;
	width: -o-calc(100% - 76px) !important;
	width: calc(100% - 76px) !important;
	float: left;
}

.equipment_search_cancel {
	width: 38px !important;
	float: left;
}

.equipment_search_btn {
	width: 38px !important;
	float: left;
}

.equipment_search_input_active {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

/* ========================== */
/* STATUS PROGRESS BAR STYLES */
/* ========================== */
.status_progress {
    width: 100%;
    margin: 30px 0 30px;
    display: table;
    position: relative;
    text-align: center;
    left: 4%;
}
.status_progress ul { 
    display: table-row;
}
.status_progress ul li {
    background-color: #d6d6d6; /* Default Bar Color */
    display: table-cell;
    position: relative;
    line-height: 30px;
    z-index: -3;
    color: #FFF;
    text-align: left;   
}
.status_progress ul li::before {
    content:'';
    width: 120px;
    height: 100px;
    color: #FFF;
    line-height: 30px;
    text-align: center;
    left: -15px;
    background-color: #d6d6d6;/* Default Circle Color */
    border: solid 5px #d6d6d6;/* Default Circle Color */
    index: -9;
    position: absolute;
    display: block;
    top: -35px;   
    margin-right: auto;
    margin-left: auto;
    z-index: -1;
   
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
   
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
/* CURRENT STEP */
.status_progress ul li.current {
    display: inline-block;
    width: 100%;
    z-index: -3;
    color: #0e90d2;
    position: relative;
}
.status_progress ul li.current::before {
    border: solid 5px #0e90d2;/* Current Step Circle Color */
    background-color: #FFF;
}
/* COMPLETED STEPS */
.status_progress ul li.complete {
    background-color: #0e90d2; /* Completed Step Bar Color */
}
.status_progress ul li.complete::before {
    background-color: #0e90d2; /* Completed Step Circle Color */
    border: 5px solid transparent;
}
/* REMOVE FIRST STEP COLOR BAR LINE */
.status_progress ul li:last-of-type {
    background-color: transparent;
}
.status_progress ul li.current:last-of-type,
.status_progress ul li.complete:last-of-type  {
    background-color: transparent;
}

.verfication_buttons .btn span.glyphicon {    			
	opacity: 0;				
}
.verfication_buttons .btn.active span.glyphicon {				
	opacity: 1;				
}

.greyOut {
	opacity: 0.7;
}

.noGreyOut {
	pointer-events: auto !important;
}

.inactive {
	opacity: 0.7;
	pointer-events: none;
}

.verification_member_select {
	display: inline;
	width: auto !important;		
}

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}

#modal {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 64px;
    height: 64px;
    padding:30px 15px 0px;
    border: 3px solid #ababab;
    box-shadow:1px 1px 10px #ababab;
    border-radius:20px;
    background-color: white;
    z-index: 1002;
    text-align:center;
    overflow: auto;
}

@media print {
	.progress {
	    position: relative;
	}
	.progress:before {
	    display: block;
	    content: '';
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 0;
	    border-bottom: 2rem solid #eeeeee;
	}
	.progress-bar {
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    z-index: 1;
	    border-bottom: 2rem solid #337ab7;
	}
	.progress-bar-success {
	    border-bottom-color: #67c600;
	}
	.progress-bar-info {
	    border-bottom-color: #5bc0de;
	}
	.progress-bar-warning {
	    border-bottom-color: #f0a839;
	}
	.progress-bar-danger {
	    border-bottom-color: #ee2f31;
	}
	
	.status_progress_print_div {
		display: block !important;
	}
	
	.status_progress_noprint_div {
		display: none !important;
	}
}

#docViewerModal .modal-dialog {
	width: 90% !important;
}
#docViewerModal iframe {
	width: 100%;
	height:80vh;
}