/* Table of Content
==================================================
	#Alerts
	#Autocomplete
	#Colors 
	#Forms
	#Lists
	#Popover
	#Typography
	#Interactions
	#Tables
	#Tabs
	#Typography
	
	#Page specific style (contains own table of contents)
*/

/*-------------------------------------------------------------
   Alerts
-------------------------------------------------------------*/
.text-lg{ font-size:1.6em;	}
.text-md{ font-size:1.2em;	}
.text-sm{ font-size:0.8em;	}

/*-------------------------------------------------------------
   Autocomplete
-------------------------------------------------------------*/
.ui-autocomplete .ui-menu-item{display:inline-block;}

.ui-autocomplete{
	position:absolute;
	top:100%;
	left:0;
	z-index:1000;
	float:left;
	display:none;
	min-width:400px;
	_width:160px;
	padding:4px 0;
	margin:2px 0 0 0;
	list-style:none;
	background-color:#fff;
	border-color:#ccc;
	border-color:rgba(0,0,0,0.2);
	border-style:solid;
	border-width:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);
	box-shadow:0 5px 10px rgba(0,0,0,0.2);
	-webkit-background-clip:padding-box;
	-moz-background-clip:padding;
	background-clip:padding-box;
	*border-right-width:2px;
	*border-bottom-width:2px}
		
.ui-autocomplete .ui-state-active { border: 1px solid #000; background: #5A7768;}
	
ul.ui-autocomplete {z-index: 1100;}

/* Colors
================================================== */
.infocolor {color:#2F6BA3;}
.successcolor{color:#2B9C7F;}
.warningcolor{color:#D9822B;}
.errorcolor{color:#B33A3A;}
.3stepitwhite{color:#fefefe; }
.basicblack,.popover > * { color: #333333 !important }
.panelblue{color:#007AD0; }
.basicwhite{color:#fff;}
.primarybg {background-color: #5A7768; border-color: #5A7768;}
.threestepitorange{color:#EA8400 !important;}
.threestepitblue{color:#0076C8 !important; }

.infobgcolor {background-color:#D9EDF7 !important;}
.successbgcolor{background-color:#DFF0D8 !important;}
.warningbgcolor{background-color:#FCF8E3 !important;}
.errorbgcolor{background-color:#F2DEDE !important;}
.3stepitwhitebg{background-color:#fefefe !important; }
.panelbluebg{background-color:#007AD0 !important; }
.basicwhitebg{background-color:#fff !important;}
.threestepitorangebg{background-color:#EA8400 !important; color:#fff;}
.threestepitorangebg:hover, .threestepitorangebg:focus {
    color: #fff;
    text-decoration: none;
}

.linkcolor{color:#5A7768 !important;}

/*3 Step color codes for backgrounds (1 = darkest, etc.)) */
.blue-1 { background-color:#007AD0 !important; }
.blue-2 { background-color:#0083E0 !important; }
.blue-3 { background-color:#008FF5 !important; }
.blue-4 { background-color:#0A99FF !important; }
.blue-5 { background-color:#1FA2FF !important; }

.orange-1 { background-color:#EA8400 !important; }
.orange-2 { background-color:#FF950A !important; }
.orange-3 { background-color:#FF9E1F !important; }
.orange-4 { background-color:#FFA733 !important; }
.orange-5 { background-color:#FFAF47 !important; }

.no-underline:hover, .no-underline:focus { text-decoration:none; }

/* Forms
================================================== */
.block > button, .block > input, .block > span  { display:inline-block; }
.stacked-select{ margin-top:7px; }
.form-horizontal div.xs-select-inside{ padding-top: 7px; }
input[type="checkbox"] {
  accent-color: #5A7768;
}
input[type="radio"] {
  accent-color: #5A7768;
}
select {
  accent-color: #5A7768;
}
select[multiple] option:checked {
  background-color: #5A7768 !important;
  background: #5A7768 !important;
  color: white !important;
  box-shadow: inset 0 0 0 1000px #5A7768 !important;
}

/*-------------------------------------------------------------
   Lists
-------------------------------------------------------------*/

.list-group > a.list-group-item{color:#5A7768; }

dl.inline { overflow: hidden;   }
dl.inline dt, dl.inline dd {
    float: left;
    margin: 0 0.5em 0 0;
}

dl.inline dd + dt, dl.inline dd + dd {clear: left }
dl.inline dd + dd { float: none}
dl.inline dt {font-weight: bold}

.dl-horizontal.narrow dt {
	white-space: normal;
	width: 100px;
}
.dl-horizontal.narrow dd {
	margin-left: 120px;
}

/*-------------------------------------------------------------
   Popover
-------------------------------------------------------------*/
.popover{ 
	max-width: 700px; 
	z-index: 9999;
    /*position: fixed;*/
}
.popover-content {
    max-height: 550px;
    overflow-y: auto; 
}

/* Interactions
================================================== */
.glyphicon-info-sign, .clausediv > .glyphicon, #filterimg.glyphicon-filter, .glyphicon-trash { cursor:pointer; }
.moduleloadbg { background: white url(../Asset-images/ajax-loader3.gif) center center no-repeat;}
.moduleerrorbg {background: white url(../Asset-images/ooops.png) center center no-repeat;}
.min-200 { min-height:200px; }
.min-400 { min-height:400px; }

/* Tables
================================================== */
.table-wrap td, .table-wrap th{ white-space:normal !important; word-wrap: break-word;}

.table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: scroll;
    border: 1px solid #dddddd;
    font-size: 1em;
}
.table-responsive > .table {
    margin-bottom: 0;
    background-color: #fff;
}
.table > thead, tfoot > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead, tfoot > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    white-space: nowrap;
    font-size: 0.9em;
}

.table > tbody > tr > td {
	border: none;
	border-left: 1px solid #eee;
}

.table-highlightable > tbody > tr.highlighted {
	background: #007AD0;
    color: white;
}
    
.table-highlightable > tbody > tr.highlighted:hover > td { background: #1FA2FF;}
.table-highlightable > tbody > tr.highlighted > td > a { color: white; }
.table-bordered > tbody > tr.searchrow > th { border: none; }

table.dc-table, table.dc-table-summary, table.dc-table-info,  table.dc-table-info-h, table.dc-table-listing {
	background: none;
	border-collapse: collapse;
	border: none;
	/* table-layout: fixed; */
	white-space: normal; /* Needed to wrap cells text */
	word-wrap: break-word;
	width: 100%;
	table-layout: fixed;	/* If inside a div, will not expand over the divs borders */
}

table.dc-table-info > tbody > tr, table.dc-table-info > tbody > tr > th, table.dc-table-info > tbody > tr > td { padding: 2px; }
table.dc-table-info > tbody > tr > th { width: 25%; }
.pc-card-panel table.dc-table-info > tbody > tr > th { width: 40%; }
.col-sm-2 > .panel > .panel-body > table.dc-table-info > tbody > tr > th { width: 75%; }

.noborder{border:none !important; border-top:none !important; border-bottom:none !important; border-left:none !important; border-right:none !important;}
.first-column-isheader th{ background: #eee; }

table.vertical > tbody {border-top: 1px solid #eee;}
table.vertical > tbody > tr {
    border: 1px solid #eee;
    border-top: none;
}

table.vertical > tbody > tr > th {
    background: #fafafa;
    border-right: 1px solid #eee;
}
table.vertical > tbody > tr > th, table.vertical > tbody > tr > td { padding: 3px 6px; }

    .divTable
    {
        display: table;
    }
    .divTableTitle
    {
        display: table-caption;
        text-align: center;
        /*
        font-weight: bold;
        font-size: larger;
        */
    }
    .divTableHeading
    {
        display: table-row;
        text-align: center;
        /*font-weight: bold;*/
    }
    .divTableRow
    {
        display: table-row;
    }
    .divTableCell
    {
        display: table-cell;
       /*
        border:  1px solid;
        border-width: thin;
        */
        
        padding-left: 5px;
        padding-right: 5px;
        
    }
.insuranceDescription {
	text-overflow: ellipsis; 
	white-space: nowrap; 
	overflow: hidden;
}

table {
    border-collapse: collapse;
}

td {
    position: relative;
    padding: 5px 10px;
}

tr.strikeout td:before {
    content: " ";
    position: absolute;
    top: 50%;
    left: 0;
    border-bottom: 1px solid #111;
    width: 100%;
}

/* Tabs
================================================== */
ul.nav-tabs{margin-bottom:15px;}
li.rightside {
	float:right; 
    line-height:34px;
}


/* Typography
================================================== */

.underline{ border-bottom: 1px solid #eeeeee; }

h1,h2,h3 { color:#292B2C; }

h1, h2, h3, h4, h5, h6 { font-weight: 300; }

body {
	background: #fefefe;
	font-weight: 300;
	font-size: 12px;	
}

.login-body {
	background: url('../Asset-images/witewall_3.png');
}

.asterisk-blue { color: #6DC2EC; font-weight: 900; }
a:hover { cursor: pointer; }
label.normal-text{ font-weight:normal; color:#333333; }

[class^="icon-"],
[class*=" icon-"] {
  padding: 0;
}

[class^="icon-"]:before, [class*=" icon-"]:before { cursor: pointer;}

.centered {
	margin: 0 auto;
	float: none;
	text-align: inherit;
}

#keywordicon { margin: 0; }

#new-infobanner {
	background: #f9f9f9;
	border-top: 1px solid #f5f5f5;
	opacity: 0.8;
}

.pagebanner {
	bottom: 0;
	left: 0;
	right: 0;
	position: fixed;
	margin-top: 120px;
}

.loginbanner{
	padding: 40px;
}

.loginform{
	background: #fff; 
	padding: 40px;
}

.new-banneritem > h6, .new-banneritem > h5, .new-banneritem > h4, .new-banneritem > h3, .new-banneritem > h2, .new-banneritem > h1, .loginbanner h4 {
	color: #ff6600;
}

.new-banneritem {
	text-align: center;
	width: 600px;
}

.countdownitem {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.closeinfobanner { float: right; position: absolute; top: 0; right:20px; color: #ec5e5e; font-size: large; }
.closeinfobanner:hover { color: #F29191; text-decoration: none; }

/* jQuery Countdown styles 1.5.11. */
.countdown_rtl { direction: rtl; }
.countdown_holding span { background-color: #ccc; }
.countdown_row {
	clear: both;
	width: 100%;
	padding: 0px 2px;
	text-align: center;
}
.countdown_show1 .countdown_section { width: 98%; }
.countdown_show2 .countdown_section { width: 48%; }
.countdown_show3 .countdown_section { width: 32.5%; }
.countdown_show4 .countdown_section { width: 24.5%; }
.countdown_show5 .countdown_section { width: 19.5%; }
.countdown_show6 .countdown_section { width: 16.25%;}
.countdown_show7 .countdown_section { width: 14%;}

.countdown_section {
	display: block;
	float: left;
	font-size: 75%;
	text-align: center;
}
.countdown_amount { font-size: 200%; }
.countdown_descr {
	display: block;
	width: 100%;
}

@media only screen and (max-width: 480px) {
    .page { padding: 0 5px 3px;}
    .hideifmobile { display:none;}
    div.showifmobile { display: block; } 
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
    .page { padding: 0 10px 5px;}
    .hideifmobile { display:none;}
    div.showifmobile { display: block; }
    
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .page { padding: 0 20px 10px;}
    div.hideifmobile { display:block;}
    span.hideifmobile { display:inline; }
    div.showifmobile { display: none; } 
}
@media only screen and (min-width: 959px) {
   .page { padding: 0 30px 20px;}
   div.hideifmobile { display:block;}
   span.hideifmobile { display:inline; }
   div.showifmobile { display: none; } 
}
 
.rowblock {
    display: inline-block;
    margin-left: 10px;
}
    
.block > button { display: inline-block; }
.glyphicon-asterisk { color: #5A7768; }
.uppercase { text-transform:uppercase; }
.lead-small { font-size: 14px; }
.no-padding { padding: 0; }

/*-------------------------------------------------------------
   ACTION PANEL (use in all pages)
-------------------------------------------------------------*/
.actionPanel {
	min-height: 24px; 
	/*min-width: 800px;*/
	width:expression(document.body.clientWidth < 800? "800px": "auto" ); /* for IE */
	width: auto;
	clear: both;
	/*background: #FCFCFC;*/
}

thead, tfoot { background: #fafafa;}
.actionPanelBlock2 {	
	height: 34px;
	float: left;
	white-space: nowrap;
	vertical-align: middle; 
	margin-top: 7px;
}

.actionPanelBlock {
	display: block;
	float: left;
	background: transparent;
	padding: 0 6px 0 0px;
	white-space: nowrap;
}

.actionPanelBlock input { margin-top: 0px;  /* old value 7px */ }

.actionpanel-dropdown-menu {
	max-height: 350px;
	font-size: 90%;
	overflow: auto;
}

.apblock {
	display: inline-table;
	background: transparent;
	padding: 0 3px 0 0px;
	white-space: nowrap;
}

.topmarg{
	margin-top:5px;
}

.leftmarg{
	margin-left:3px;
}

.actionpanelitem{}

.dropdown-menu.actionpanel-dropdown-menu > li > .actionpanel-dropdown-menuitem { padding: 1px 20px; }
.dropdown-menu.actionpanel-dropdown-menu > li > .actionpanel-dropdown-menuitem:hover { cursor: pointer; }

.loadimage {
	position:fixed;
    z-index: 100;
	top: 35%;
	left: 50%;
	width:100px;
	height:100px;
	margin-top: -50px;
	margin-left: -50px;	
}

.buttmargin{
	margin-left:5px;	
}
/*-------------------------------------------------------------
   Forms
-------------------------------------------------------------*/
.form-control-horizontal { display: inline-block; }

.input-xs {
	height: 20px;
	padding: 3px 7px;
	font-size: 10px;
	border-radius: 2px;
}
/*would be nice to replace this hack*/
.form-inline>fieldset>input+.btn-sm{margin-bottom:3px;}

/*-------------------------------------------------------------
   Navigation
-------------------------------------------------------------*/
.topnav {
	background: #fefefe;
    padding: 0 30px;
    min-height: 0;
    margin-bottom: 0;
    border: none;
}

.topnav > .container-fluid > .navbar-collapse > ul > li > a {
	padding-left: 15px;
	padding-right: 15px;
}

.navbar-collapse { padding-left: 0; }
.navbar-controlnav-collapse > ul.navbar-nav.controlnav > li { float: left; }

ul.navbar-nav.mainnav, ul.navbar-nav.controlnav { margin: 0; }

ul.navbar-nav.mainnav > li > a {
	color: black;
	background: #d3e5dd;
	border-left: 1px solid white;
	padding: 3px 6px;
}

ul.navbar-nav.mainnav > li > a:hover, ul.navbar-nav.mainnav > li > a:focus, ul.navbar-nav.mainnav > li > a.on {
	background: #002520;
	color: white;
}

ul.navbar-nav.mainnav > li.last > a { border-right: 1px solid white; }

.subnav {
	background: #002520;
	margin-bottom: 5px;	
}
.subnav > div > ul > li > a {
	padding: 3px 6px;
	color: white;
}
.subnav > div > ul > li > a.submenu-active {
	background: #002520;
	color: #2fd14d;
}
.subnav > div > ul > li > a:hover, .subnav > div > ul > li > a:focus {	
	color: #2fd14d;
	background: #002520; 
}

a.navbar-brand { 
	padding: 0;
	padding-top: 5px; 
	margin:0; 
	margin-top: 8px; 
}
a.navbar-brand > span{
	padding-left: 0; 
	margin-left: 0; 
	color: #333; 
	font-size: 12px; 
	line-height: 28px; 
	vertical-align: bottom;
}

.mobile-submenu .subnav li a {
	color: #fefefe;	
}
.mobile-submenu .subnav li a:hover {
	color: #2fd14d;
	background: #002520; 	
}
.mobile-submenu .subnav li a[aria-expanded="true"] {
	color: #2fd14d;	
}
.navbar-nav .mobile-submenu .subnav .dropdown-menu {
	background-color: #fefefe;	
}
.mobile-submenu .subnav li .dropdown-header {
	background-color: #fefefe;
}
.navbar-default .navbar-nav .mobile-submenu .subnav li ul li a {
	font-size: 12px;
	color: #000000;
	background-color: #fefefe;
}

@media only screen and (max-width: 768px) {
	.navbar-border{ border-bottom:1px solid #e6e6e6; }
}

/*-------------------------------------------------------------
   Asset Register
-------------------------------------------------------------*/

.searchwrap {
    clear: left; 
    display: none;
}

a[data-navigable="true"]:hover { cursor:pointer; }

.clausediv, .clausediv2 {
	float: left;
	padding: 4px 7px;
	background: white;
	border: 1px solid #eee;
	margin-left:3px;
}

.clausediv2 {
	background: none;
	border: none;
}

.searchrow > th {
	background: #eee;
	padding: 5px;
	border: 1px solid #eee;
	font-weight: bold;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(0.85, #EBEBEB)
	);

	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 85%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 85%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 85%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #EBEBEB 85%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #EBEBEB 85%);
	
}

.searchrow > td { border: 1px solid #eee; padding:3px;}


a.idok { color: #2B9C7F; margin-left: 3px;}
a.like { color: #D9822B; margin-left: 3px;}
a.like.not, a.idok.not { text-decoration: line-through; }

.delimg{
	 width: 10px; 
	 height: 10px; 
	 border: 0px;
	 cursor: pointer;
	 margin-left: 5px;
}

/*-------------------------------------------------------------
   Modal
-------------------------------------------------------------*/
.modal-backdrop{ opacity:0.8; }
.modal-backdrop.fade.in{ opacity:0.5; }
.modal-dialog.xl{ width: 95%; }
.modal-dialog.large{ width: 80%; }
.modal-dialog.medium{ width: 60%; }
.modal-dialog.small{ width: 40%; }
.modal-dialog.xs{ width: 40%; }
.modal-header { background-color:#F5F5F5; }
.modal-header > .close { opacity : 0.4; }
.modal-header > .close:hover { opacity : 0.8; }
.modal.modal-high .modal-body {
    max-height: 620px;
    overflow-y: auto;
}

/*-------------------------------------------------------------
   Panels
-------------------------------------------------------------*/
.panel-default>div.panel-heading{ font-weight:300; }

/* A gray panel */
.panel-plain { border-color: #ddd; }
.panel-plain > .panel-heading {
  background-color: #fafafa;
  border-color: gray;
}
.panel-plain > .panel-heading + .panel-collapse .panel-body { border-top-color: #ddd;}
.panel-plain > .panel-footer + .panel-collapse .panel-body { border-bottom-color: #ddd; }
.panel-title-btnright{ display:inline-block; }
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}


/*-------------------------------------------------------------
   Buttons
-------------------------------------------------------------*/
.btn-responsive {
	white-space: normal;
}




/*-------------------------------------------------------------
   Page specific style features -Do not create without permission
   

	Table of contents:
	
	#Dashboard 
	#IFRS
	#News page
	#Profiler
	#EOL
	#Person card
   
-------------------------------------------------------------*/


/*-------------------------------------------------------------
   Dashboard
-------------------------------------------------------------*/
.column {
float: left;
padding-bottom: 100px;
display: block;
position: relative;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.panel-dashboard > .panel-body{ padding:0.4em; }
.panel-dashboard div.portlet-content{ text-align: center;}
.form-narrow > .form-group { margin-bottom: 10px; }
.form-narrow .control-label {padding-top: 2px;}


/*-------------------------------------------------------------
   IFRS
-------------------------------------------------------------*/

.addOwerFlow{overflow-x:hidden; overflow-y:scroll;}
.btn-ifrs{ margin: 5px 0 0 0; font-size:12px }
.btn-ifrs > span { padding-right:5%;float:right; }
.panel-orange>.panel-heading{ background-color:#EA8400 !important; }
.hr-dashed{border-style:dashed;}
.tooltip-inner { white-space:pre-wrap; }

/*-------------------------------------------------------------
   News page
-------------------------------------------------------------*/


.dateBadge {
	font-size: 62.5%;
	border: 1px solid #999;
	width: 4.75em;
	line-height: 1;
	margin-top:10px;
}
.dateBadge span {
	display: block;
	text-align: center;
}
.postMonth{
	font-size: 1.037em;
	padding: 0.3em 0;
	text-transform: uppercase;
	background-color: #EA8400;
	font-weight: bold;
	color: #ffffff;
}
.postDay {
	font-size: 1.6em;
	font-weight: bold;
	padding: 0.25em 0;
}


/* Helpers */
@media (max-width:767px){
	.xs-hidden {
		display: none;
	}
	
	input#keywordsearch.input-xs {
		height: 30px;
  		padding: 5px 10px;
  		font-size: 12px;
  		line-height: 1.5;
  		border-radius: 3px;
  		width: 100%;
  		min-width: 300px;
	}
	
	.keywordsearchbutton {
		padding: 5px 10px;
  		font-size: 12px;
  		line-height: 1.5;
  		border-radius: 3px;
  		margin-right: 300px;
	}	
}

.hover-cursor-pointer {
	cursor: pointer;
}

/*-------------------------------------------------------------
   Profiler
-------------------------------------------------------------*/

/* Matching erottelu*/
.topDev {
	background-color:#007AD0;
	border-color: #dddddd;
	border-top: 5px solid white;
	color:#fff;
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;	
}
.topDev a {color:#fff;}
.toggleSubs{color:#333333;vertical-align:middle !important;float:none;}
.subDevGroup{border-top: 0px solid #dddddd !important; }
.topDev > td.subDevHandle>span.glyphicon:before, .toggleSubs.open>span.glyphicon:before {content: "\e080"; }
.topDev.open > td.subDevHandle>span.glyphicon:before, .toggleSubs.close>span.glyphicon:before{content: "\e114";}
.topDev.open:hover + tbody.subDevGroup {background-color:#f5f5f5;}
.subDevHandle{vertical-align: middle !important;}

/*Lite device cardit*/
.table-litedvcard>tbody>tr>td, .table-litedvcard>tbody>tr>th { border-bottom: 1px solid #dddddd; border-top:none; border-left:none; }
.tableheader { background-color: #f5f5f5 !important; border: 1px solid #e3e3e3; }
.tableheader>tbody>tr>td, .tableheader>tbody>tr>th { border-bottom:none !important; border-top:none !important; border-left:none !important; border-right:none !important; }

/*datatables nuolet sorttauksessa*/
.sorting>span.glyphicon{display:none;}
.sorting_asc:after{content:"\e094";font-family:"Glyphicons Halflings";line-height:1;margin-left: 4px;display:inline-block;}
.sorting_desc:after{content:"\e093";font-family:"Glyphicons Halflings";line-height:1;margin-left: 4px;display:inline-block;}
.sorting,.sorting_desc,.sorting_asc {cursor:pointer;}

/*Tablejen eri värikorostukset*/
table.table th.numbererror { text-align: right; white-space: nowrap; background: #f1c6c6;}
table.table td.numbererror, table.table-hover>tbody>tr:hover>td.numbererror { text-align: right; background: #f1c6c6;}

/*Profiler download page*/
.profiler-flyer-bsideborder { border-left:2px solid #0076C8; }
.profiler-flyer-textcolumn 	{ padding-left:20px; }
.profiler-flyer-bluelist, 
.noMarginBot 	{ margin-bottom: 0; }
.profiler-flyer-bluelist li{ 
	color:#0076C8 !important; 
	text-transform:uppercase; 
	font-weight:300; 
}
.profiler-flyer-textBox{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 10px 10px 10px;
}
.flyer { line-height: 1.6em; }
.flyer small { 
	line-height: 1em; 
	font-weight:300;
}
.img-responsive.img-center {
  margin: 0 auto;
}
/*-------------------------------------------------------------
   EOL
-------------------------------------------------------------*/
.field-desc {
	text-align: center; 
	margin-bottom: 0; 
	padding-bottom: 0;
}

.field-value {
	text-align: center; 
	margin-top: 0; 
	padding-top: 0;
}

.field-value > a.errorcolor:hover {
	color: #b94a48;
}

.field-value > a.successcolor:hover {
	color: #468847;
}

.field-value-dl, .field-desc-dl {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*-------------------------------------------------------------
   EOL REPORTS
-------------------------------------------------------------*/
.drilldownchart {
    background: white url(../Asset-images/ajax-loader3.gif) center center no-repeat;
    height:450px;
    float:left;
    position:relative;
}
.drilldownchartempty {
    height:450px;
    float:left;
}

.submitclear {
	background-color: #47D147;
	border: 1px solid #000000;
}
.submitclear:hover {
	background-color: #ADEBAD;
	cursor: pointer;
}

.connectedSortable, .viewConnected{
	cursor: move;
}

/*-------------------------------------------------------------
   Person card
-------------------------------------------------------------*/
@media only screen and (min-width: 0px) and (max-width: 780px) {
    .modal .dl-horizontal > dt, .panel .dl-horizontal > dt { width:0px; }
    .modal .dl-horizontal > dd, .panel .dl-horizontal > dd { margin-left:0px;; } 
    .dl-horizontal.narrow dd { margin-left: 0px;}
}
@media only screen and (min-width: 781px) and (max-width: 1300px) {
    .modal .dl-horizontal > dt, .panel .dl-horizontal > dt { width:120px; }
    .modal .dl-horizontal > dd, .panel .dl-horizontal > dd { margin-left:140px;; } 
}


/*-------------------------------------------------------------
   Profiler card printer toners
-------------------------------------------------------------*/
.toner {
	position: relative;
    background-color: #f5f5f5;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
    height: 200px;
    width: 100%
    margin-bottom: 20px;
    overflow: hidden;
}

.toner.warning {
	border: 1px solid orange;
}

.toner.danger {
	border: 1px solid red;
}

.tonerbar {
	position: absolute;
	bottom: 0;
    width: 100%;
    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
    color: #000000;
    font-size: 12px;
    text-align: center;
    transition: height 0.6s ease 0s;
    padding: 5px;
}

.tonerbar.black {
	background-color: black;
	color: #ffffff;
}

.tonerbar.gray {
	background-color: gray;
	color: #ffffff;
}


.tonerbar.cyan {
	background-color: cyan;
}

.tonerbar.magenta {
	background-color: magenta;
}

.tonerbar.yellow {
	background-color: yellow;
}

/*
###############################################
				CYOD ORDERING
###############################################
*/
.cyoddevicelist_container .list-group-item {
	max-width:500px;
}

.cyoddevicelist_container .badge {
	background: #007AD0;
}

.cyoddevicelist {
	background: #fff;
    position: relative;
    width:100%;
    display: inline-block;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45);
    border:2px solid;
    border-color:#F1F2F2;
    height:auto;
    margin-bottom:5px;
    padding: 5px;
}

.cyoddevicelist_container {
	max-width:auto;
	display:block;
}

/* Remove IE "clear input X-marker". Does not play nice with datatables */
#PagerSearch::-ms-clear { 
	display: none; 
}

/*
##
3 New IT
##
*/

.separatormargin{
	margin-top:2px;
	margin-bottom:3px;
}

.qsfiltermargin{
	margin-top:5px;
}

.searchactionbar{
	/*background-color : #F5F5F5;*/
	padding-bottom : 5px;
	min-height:40px;
}

/* 3 New IT */

.devicecount{
	font-weight:bold;
	font-size:25px;
	text-decoration:none;
}

.devicecountsmall{
	font-weight:bold;
	font-size:18px;
	text-decoration:none;
}

.devicecountmini{
	font-weight:bold;
}

.icon-md{
	font-size:20px;
}

.errorred{
	color: #B33A3A;
}
.errororange{
	color: #D9822B;
}
.okgreen{
	color: #2B9C7F;
}

.linkblue{
	color:#6dc2ec;
}

.indicatorblue{
	color:#449DDD;
}

.blandgrey{
	color:#CCCCCC;
}

.buttonpadd{
	padding-left:25px;
	padding-right:25px;
}

.vertical-center {
  display: flex;
  align-items: center;
}

.reunus{ box-shadow: 2px 0px 2px 2px #6dc2ec;}

.table-smallpadding thead>tr>th,.table-smallpadding tbody>tr>th,.table-smallpadding tfoot>tr>th,.table-smallpadding thead>tr>td,.table-smallpadding tbody>tr>td,.table-smallpadding tfoot>tr>td{padding:3px;}

.newdevicerow{
	 background-color:#D3E3EA;
}

.actionbuttons{
	 background-color:#F5F5F5;
	 padding:5px;
}

.separatormargin{
	margin-top:2px;
	margin-bottom:3px;
}

.qsfiltermargin{
	margin-top:5px;
}

.smallpadding{
	padding:2px 5px 5px 5px;
}

.bold{
	font-weight:bold;
}

.bar-link-active{
	 color:black;
}

.gradright{
	
		/* IE10+ */ 
	background-image: -ms-linear-gradient(left, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(left, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(left, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #ffffff), color-stop(47, #F6F6F6), color-stop(100, #ededed));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(left, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to right, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
}

.gradleft{
	/* IE10+ */ 
	background-image: -ms-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Opera */ 
	background-image: -o-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #ffffff), color-stop(47, #F6F6F6), color-stop(100, #ededed));
	
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(right, #ffffff 0%, #F6F6F6 47%, #ededed 100%);
	
	/* W3C Markup */ 
	background-image: linear-gradient(to left, #ffffff 0%, #F6F6F6 47%, #ededed 100%);

}


	.cellRequired {
		 background-color:#E5F4FF;
	}
	
	.cellNotInUse {
		 background-color:#F5F5F5;
	}
	.fifty { width:50%; }

/*-------------------------------------------------------------
   LOGIN
-------------------------------------------------------------*/
.login-footer-text {
	color: white !important;
}

.login-footer-link {
	color: #2FD14D !important;
}