/* Fix for IE10 device-width/viewport-width error */
@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }

/***** MISC UI FIXES *****/
/** .ng-animate-disabled to disable angular animation on an element */
.pm { border: 1px solid #000; }
.max50 { max-width: 50px; }
.max100 { max-width: 100px; }
.max110 { max-width: 110px; }
.max150 { max-width: 150px; }
.max185 { max-width: 185px; }
.max200 { max-width: 200px; }
.max300 { max-width: 300px; }
.max400 { max-width: 400px; }
.max500 { max-width: 500px; }
.min50 { min-width: 50px; }
.min75 { min-width: 75px; }
.min100 { min-width: 100px; }
.min125 { min-width: 125px; }
.min150 { min-width: 150px; }
.min175 { min-width: 175px; }
.min200 { min-width: 200px; }
.min550 { min-width: 250px; }
.min300 { min-width: 300px; }
.mr10 { margin-right: 10px; }
.ml20 { margin-left: 20px; }
.mlr0 { margin-left: 0 !important; margin-right: 0 !important; }
.h25 { height: 25px; }
.h50 { height: 50px; }
.h75 { height: 75px; }
.h100 { height: 100px; }
.h200 { height: 200px; }
.bold { font-weight: bold; }
.padlr2 { padding-left: 2px; padding-right: 2px; }
.padlr5 { padding-left: 5px; padding-right: 5px; }
.padlr10 { padding-left: 10px; padding-right: 10px; }
.pad510 { padding: 5px 10px 5px 10px; }
@media (max-width: 767px) { .padlr5-xs { padding-left: 5px; padding-right: 5px; } }
@media (max-width: 767px) { .padlr11-xs { padding-left: 11px; padding-right: 11px; } }
.padlr0 { padding-left: 0; padding-right: 0; }
.padl5 { padding-left: 5px; }
.padb0 { padding-bottom: 0; }
.padb2 { padding-bottom: 2px; }
.padb5 { padding-bottom: 5px; }
.padt2 { padding-top: 2px; }
.pad0 { padding: 0; }
.padr0 { padding-right: 0; }
.padr0i { padding-right: 0 !important; }
.padr5 { padding-right: 5px; }
.padr15 { padding-right: 15px; }
.padr10 { padding-right: 10px; }
.pad3 { padding: 3px !important; }
.padtb5 { padding-top: 5px; padding-bottom: 5px; }
.padtb2 { padding-top: 2px !important; padding-bottom: 2px !important; }
.padt12 { padding-top: 12px !important; }
.pad20 { padding: 20px !important; }
.pad15 { padding: 15px !important; }
.padt5 { padding-top: 5px !important; }
.padl0 { padding-left: 0 !important; }
.margint0 { margin-top: 0;}
.margint7 { margin-top: 7px; }
.marginb0 { margin-bottom: 0; }
.marginb5 { margin-bottom: 5px; }
.margintb0 { margin-top: 0 !important; margin-bottom: 0 !important; }
.padtb0 { padding-top: 0; padding-bottom: 0; }
.marginr10 { margin-right:10px; }
.marginl10 { margin-left:10px; }
.table-s { white-space: nowrap; width: 1%; } /* For making table cells as small as possible without wrapping text */
.table-changelog { font-size: 12px; margin-bottom: 0; }
.help-change { top: 55px; right: 5px; position: fixed; z-index: 101; }
.current-user { top: 56px; right: 70px; position: fixed; z-index: 101; text-align:right;line-height:10px;font-size:12px;color:#aaa; }
.current-user i { font-size:21px;margin-top:-2px;padding-right:2px; }
.current-user div { text-align:left;max-width:150px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; }
label small { color: #888; }
@media (max-width: 767px) {
	.table-s { white-space: inherit; width: auto; }
	.nav > li > a { padding: 6px 6px; }
	.modal-dialog { margin: 2px; }
	.modal-body { padding-left: 5px; padding-right: 5px; }
	.tab-pane-box { box-shadow: 0 5px 10px #f8f8f8 !important; padding: 5px !important; }
	.max100xs { max-width: 100px; }
	.w100xs { width: 100px !important; }
	.overflow-ellipsis-sm { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
}
@media (max-width: 900px) {
	.overflow-ellipsis-md { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
}
/*.btn-fill .btn { display: table-cell; float: none; width: 1%; }*/
/*.btn-fill { display: block; }*/
.display-block { display: block; }
.display-inline { display: inline-block; }
.overflow-ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.overflow-ellipsis-cancel { text-overflow: ellipsis; white-space: normal; overflow: auto; }

.bordertest { border: 1px solid #f00; }
.pointer { cursor: pointer !important; }
.pointerwait { cursor: wait !important; }
.pointerdefault { cursor: default !important; }
.form-group-closer { margin-bottom: 5px; } /* used when checkboxes should be close together */
.form-group-closer:last-child { margin-bottom: 55px; }
.form-group > label:first-child { display:block; }  /* needed for checkboxes else label does not work */
.form-group > label > small { font-weight: normal; }
body { margin-top: 95px; background-color: #f8f8f8; }
label { margin-bottom: 0; }
.nowrap { white-space: nowrap; }
.panel-list-tag { margin-left: 5px; font-size: 13px; color: #aaa; }
a:focus, button:focus { outline: none; } /* Remove dotted outline on IE */
button::-moz-focus-inner { border: 0; }
select::-ms-expand { display:none; } /* Removes down arrow on IE */
select { text-indent: 0.01px; text-overflow: ''; } /* Removes down arrow on FF */
@media (max-width: 900px) { .hidden-900 { display: none; } }
.visible-xxs { display: none !important; }
@media (max-width: 320px) {
	.hidden-xxs { display: none; }
	.visible-xxs { display: block !important; }
}
.monospaced { font-family: monospace; }
.text-black { color: #000 !important; }
.text-white { color: #fff !important; }
.text-grey  { color: #aaa !important; }
.tright { text-align: right; }
.rotate90 { transform:rotate(90deg); }
.rotate135 { transform:rotate(135deg); }
.gi-call-idle:before { content: "\E443"; }
.gi-call-idle { transform:rotate(135deg); padding-bottom: 2px; }

/* Searchbox */
.searchbox {
    margin-top: 5px;
    height: 25px;
    border-radius: 15px;
    width: 25px !important;
    padding-left: 10px;
    -webkit-transition: width 0.5s ease-in;
    -moz-transition: width 0.5s ease-in;
    -o-transition: width 0.5s ease-in;
    transition: width 0.5s ease-in;
}
.searchbox:focus {
    width: 225px !important;
    padding-left: 25px;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.searchboxsmall {
    height: 25px;
    border-radius: 15px;
    width: 25px !important;
    margin-top: 13px;
    margin-right: 10px;
    padding-left: 15px;
    display: inline-block;
    -webkit-transition: width 0.5s ease-in;
    -moz-transition: width 0.5s ease-in;
    -o-transition: width 0.5s ease-in;
    transition: width 0.5s ease-in;
}
.searchboxsmall:focus {
    width: 150px !important;
    padding-left: 25px !important;
    -webkit-transition: width 0.5s ease-out;
    -moz-transition: width 0.5s ease-out;
    -o-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
}
.dropdown-menu { padding: 0; }
.dropdown-menu .divider { margin: 0; }
.searchresult { border-bottom: 1px solid #e0e0e0; padding-left: 5px !important; }
.searchresult:nth-of-type(even) { background: #e0e0e0 !important; }
.dropdown-menu > li > .searchresult > ul > li:first-child { font-size: 100%; color: #428bca; }
.dropdown-menu > .active > .searchresult > ul > li:first-child { font-size: 100%; color: #ffffff; }
.searchresult > ul > li { font-size: 80%; }
@media (min-width: 768px) and (max-width: 991px) {
    .pm-hidden-sm {
        height: 0%;
        opacity: 0;
        transition: height 0s linear 0.5s, opacity 0.5s linear;
    }
    .pm-visible-sm {
        height: 100%;
        opacity: 1;
        transition-delay: 1s;
    }
}


.modal-md {	width: 400px; }
.modal-inner-md > .modal-dialog { width: 400px; }
@media (max-width: 767px) {
	.modal-md { width: 100%; }
	.modal-inner-md > .modal-dialog { width: 100%; }
}
.modal-inner-lg > .modal-dialog { width: 750px; }
.modal-inner-lg-width { width: 750px; }
@media (max-width: 767px) {
	.modal-lg { width: 100%; }
	.modal-inner-lg > .modal-dialog { width: 100%; }
	.modal-inner-lg-width { width: 100%; }
}
.modal-sm {	width: 300px; }
.modal-inner-sm > .modal-dialog { width: 300px; }
@media (max-width: 767px) {
	.modal-sm { width: 100%; }
	.modal-inner-sm > .modal-dialog { width: 100%; }
}

.center-block2 { display: table; margin: 0 auto; }
.no-items-found { display: table; margin: 20px auto; border-radius:10px; padding:5px; width:50%; font-weight: 500; font-size: 25px; color: #428bca; background-color: #d9edf7; text-align: center; }
.form-control.disabled { box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; background: #eee !important; }
.btlr0 { border-top-left-radius: 0; }
.btrr0 { border-top-right-radius: 0; }
@media (max-width: 767px) {
	.xs-inline {
		display: inline !important;
	}
}
/* Fixes the panel header */
.panel-heading.heading-fixed {
	position: fixed;
	top: 79px;
	z-index: 99;
	background-repeat: repeat-x;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 4px;
	border-radius: 0;
}
.panel-heading.heading-fixed2 {
	position: fixed;
	top: 112px;
	z-index: 99;
	background-repeat: repeat-x;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 4px;
	border-radius: 0;
	height: 21px;
	padding-top: 6px;
	/*margin-top:6px*/
}
.panel-heading.heading-fixed + .list-group { margin-top: 40px; }
.panel-heading.heading-fixed2 + .list-group { margin-top: 40px; }
.panel-heading > div { margin-top:-6px; margin-left: 7px; }
.panel-heading-rightmost { margin-right: -10px; }
.filter-showing-label { padding-top: 4px; line-height: 12px; color:#888; font-size: 11px; text-align: center; }

/* Override bootstraps cursor so that disabled fields show a default pointer and safari text is the same as on other platforms */
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
	cursor: default;
	background-color: #eeeeee;
	border-color: #cccccc;
	box-shadow: none;
	-webkit-box-shadow: none;
	-webkit-text-fill-color: #555;
}

.unselectable {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* For making tabs look better, we put a box around the content */
.tab-pane-box {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	box-shadow: 5px 5px 10px #f8f8f8;
	background-color: #f4f4f4;
}

.tab-pane-box2 {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	box-shadow: 5px 5px 10px #f8f8f8;
	background-color: #f8f8f8;
}

.nav.nav-tabs > li.active > a {
	background-color: #f4f4f4;
	box-shadow: 2px -2px 2px rgba(200, 200, 200, 0.25);
}

/* For fixing breadcrumbs to the to of the screen */
.bc {
	top: 51px;
	left: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	position: fixed;
	width: 100%;
	height: 28px;
	line-height: 22px;
	overflow-x: hidden;
	z-index: 100;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	padding-right: 60px; /* make space for help and changelog icons */
	overflow-y: hidden;
}

.bc > li i {
	padding-right: 5px;
}

.bc > li + li:before {
	padding: 0;
	color: #f5f5f5;
	position: absolute;
	font-size: 40px;
	top: 4px;
	margin-left: -23px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}

.bc > li {
	margin-right: 25px;
}

.bc > li > a {
	text-decoration: none;
}

/* for glyphicons in top nav menues */
.gi-space { padding-right: 10px; }
/* for glyphicons in list where a second icon augments the first */
.gi-second { border-radius: 50px;  margin-left:-6px; top:-5px; position:relative; font-size:10px; }

/* For improving spacing on page-header with H2 inside */
.page-header-main {
	margin: 0 0 20px;
	border-bottom: 1px solid #eeeeee;
	padding-bottom: 0;
}
.page-header-main .h2,
.page-header-main h2 {
	margin-bottom: 0;
}

/* For improving spacing on sub section header with H3 inside */
.page-header-sub {
	margin: 0 0 8px;
	border-bottom: 2px solid #d0d0d0;
	padding-bottom: 0;
}

.page-header-sub h3,
.page-header-sub .h3,
.page-header-sub h4,
.page-header-sub .h4 {
	margin-bottom:0;
	margin-top:0;
}

.page-header-sub h3,
.page-header-sub .h3 {
	/*color: #e58220;*/
	color: #2070B0;
	text-shadow: 1px 1px 2px rgba(150, 150, 150, 0.20);
}

/* Fixing list groups for search results and generel lists */
.list-group-item-icon {
	font-size: 38px;
	padding-right: 10px;
	color: #888;
	position: absolute;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.list-group-item-icon.smaller i {
	font-size: 16px;
}

.list-group-item-icon.smaller {
	margin-top: -10px;
}

a.list-group-item.active .list-group-item-icon,
a.list-group-item.active:hover .list-group-item-icon,
a.list-group-item.active:focus .list-group-item-icon {
	font-size: 38px;
	padding-right: 10px;
	color: #ddd;
}

.list-group-item-list {
	margin: 0;
	padding: 0;
	color: #888;
}

a.list-group-item.active .list-group-item-list,
a.list-group-item.active:hover .list-group-item-list,
a.list-group-item.active:focus .list-group-item-list {
	margin: 0;
	padding: 0;
	color: #ddd;
}

a.list-group-item:hover,
a.list-group-item:focus {
	/* background-color: #4bbaff; /* #e5e5ff; */

	background-repeat: repeat-x;
	background-image: -webkit-linear-gradient(top, #d9edff 0%, #b9deff 100%) ;
	background-image: linear-gradient(to bottom, #d9edff 0%, #b9deff 100%) ;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edff', endColorstr='#b9deff', GradientType=0);

	/*background-image: -webkit-linear-gradient(top, #b3ddff 0%, #99d3ff 100%) ;*/
	/*background-image: linear-gradient(to bottom, #b3ddff 0%, #99d3ff 100%) ;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edff', endColorstr='#b9deff', GradientType=0) ;*/
}

a.list-group-item-focus {
	background-repeat: repeat-x !important;
	background-image: -webkit-linear-gradient(top, #d9edff 0%, #b9deff 100%) !important;
	background-image: linear-gradient(to bottom, #d9edff 0%, #b9deff 100%)  !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9edff', endColorstr='#b9deff', GradientType=0) !important;
}

/* Alternative list items background to make them stand out */
.list-group-item:nth-of-type(even) {
	background: #f6f6f6;
}

.list-group-item.narrow-padding {
	padding: 4px 8px 6px 8px !important;
}

/*a.list-group-item:nth-of-type(even):hover,*/
/*a.list-group-item:nth-of-type(even):focus {*/
	/* background: #e0e0ff; */
	/*background-image: -webkit-linear-gradient(top, #c9ddf7 0%, #a9cef0 100%) !important;*/
	/*background-image: linear-gradient(to bottom, #c9ddf7 0%, #a9cef0 100%) !important;*/
	/*background-repeat: repeat-x !important;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9ddf7', endColorstr='#ffa9cef0', GradientType=0) !important;*/
/*}*/

/* A subheader - use together with */
.list-group-subheader {
	font-size: 85%;
	font-weight: bold;
	border: none;
	height: 25px;
	padding: 4px 10px 15px 16px;
}

.numbers-list-group {
	max-height: 327px;
	min-height: 25px;
	overflow-y: scroll;
}

.sip-cdr-viewport {
	min-height: 0;
	max-height: 450px;
	overflow-y: scroll;
	width: 100%;
}

.product-destination-viewport {
	min-height: 34px;
	max-height: 400px;
	overflow-y: scroll;
}

/* Ensures the scrollbar is visible in webkit browsers */
@media (min-width: 768px) {
	.sip-cdr-viewport::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}

	.sip-cdr-viewport::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
	}

	.numbers-list-group::-webkit-scrollbar {
		-webkit-appearance: none;
		width: 7px;
	}

	.numbers-list-group::-webkit-scrollbar-thumb {
		border-radius: 4px;
		background-color: rgba(0,0,0,0.4);
		-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
	}
}

@media (max-width: 767px) {
	.numbers-list-group {
		min-height: 1px;
		max-height: none;
		overflow-y: auto;
	}

	.sip-cdr-viewport {
		min-height: 1px;
		max-height: none;
		overflow-y: auto;
	}

	.product-destination-viewport {
		min-height: 300px;
		max-height: none;
		overflow-y: auto;
	}
}


@media (max-width: 767px) {

	/* Fixing e.g. breadcrumbs so that they remain one lined and hide overflowing content */
	.list-inline > li {
		display: inline-block;
		padding-left: 0;
	}

	.list-inline { overflow-x: hidden; }

	/* maximize screen width on mobile phones */
	.container { padding: 0; }

	input[type="text"].form-control,
	input[type="tel"].form-control,
	input[type="number"].form-control,
	input[type="password"].form-control {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/* Next 3 hides stuff on smaller screens and down */
@media (max-width: 767px) {

	/* fixes sideways scrolling on mobile */
	.row {
		margin-left: -11px;
		margin-right: -11px;
	}
}

/* File upload - make it pretty */
.fileUpload {
	position: relative;
	overflow: hidden;
}

.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 43px;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0.5;
	border: 1px solid #f00;
}

/* Fixes select dialogs so that they look pretty */
.newSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-padding-end: 25px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	/*noinspection */
	user-select: none;
	/*noinspection CssOptimizeSimilarProperties,CssShorthandPropertyValue*/
	background-image: url(../img/d22x6.png), linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	/*noinspection CssOptimizeSimilarProperties*/
	background-position: center right;
	/*noinspection CssOptimizeSimilarProperties*/
	background-repeat: no-repeat;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 27px;
}

.newSelect:hover {
	/*noinspection CssOptimizeSimilarProperties,CssShorthandPropertyValue*/
	background-image: url(../img/d22x6.png), linear-gradient(to bottom, #e0e0e0 0%, #e0e0e0 100%);
}

.newSelect:disabled,
.newSelect:active:disabled,
.newSelect:focus:disabled,
.newSelect.active:disabled {
	/*noinspection CssOptimizeSimilarProperties,CssShorthandPropertyValue*/
	background-image: url(../img/d22x6.png), linear-gradient(to bottom, #eee 0%, #eee 100%);
}

.newSelect:active,
.newSelect:focus,
.newSelect.active {
	/*noinspection CssOptimizeSimilarProperties,CssShorthandPropertyValue*/
	background-image: url(../img/d22x6.png), linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
}

.newSelect.input-sm {
	padding-top: 0;
	border-radius: 3px !important;
}

/* Bottom of page submit buttons - right aligned and full width on mobile */
.actionbuttons {
	float: right !important;
	margin-top: 5px;
	margin-bottom: 5px;
}

@media (max-width: 767px) {
	.actionbuttons {
		float: none !important;
		margin-top: 5px;
		margin-bottom: 5px;
		display: table;
		width: 100%;
		border-collapse: separate;
		table-layout: fixed;
	}

	.actionbuttons > .btn {
		min-width: inherit;
		display: table-cell;
		float: none;
		width: 1%;
	}
}

/* makes ul lists (e.g. address details) with bullet between elements */
.list-bullet {
	padding-left: 50px;
	list-style: none;
	margin-bottom: 0;
}

.list-bullet > li {
	display: inline-block;
}

.list-bullet > li:after {
	content: ' \02022';
}

.list-bullet > li {
	padding-right: 0;
	padding-left:0;
}

.list-bullet > li:last-child:after {
	content: '';
}

.list-bullet > li:first-child:after {
	content: '';
}

.list-bullet > li:first-child {
	padding-left: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.1;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 18px;
	display: block;
	color: #333;
}

.list-bullet > li > i {
	padding-right: 3px;
}

/* makes generic lists (e.g. search, user etc.) */
.list-main {
	padding-left: 50px;
	list-style: none;
	margin-bottom: 0;
}

.list-main > li {
	display: inline-block;
	padding-right: 15px;
	padding-left: 0;
	/*overflow: hidden;*/
	/*text-overflow: ellipsis;*/
	/*white-space: nowrap;*/
}

.list-main > li:first-child {
	padding-left: 0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500;
	line-height: 1.175;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 18px;
	display: block;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.list-main > li > i {
	padding-right: 3px;
}

/* The next 3 is for making a compact version of the list, used e.g. in porting status */
.list-group-sm > .list-group-item {
	padding-top: 2px;
	padding-bottom: 3px;
	font-size: 80%;
}

.list-group-sm > .list-group-item > .list-group-item-icon {
	font-size: 25px;
	padding-top: 2px;
}

.list-group-sm > .list-group-item > .list-group-item-icon2 {
	font-size: 25px;
	padding-top: 2px;
}

.list-group-sm > .list-group-item > .list-main {
	padding-left: 35px;
}

.list-group-sm > .list-group-item > .list-main.smaller {
	padding-left: 23px;
}

.list-inputs {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.list-inputs > li {
	display: block;
	padding-right: 15px;
	padding-left: 0;
	margin-bottom: 5px;
}

.list-inputs-inline {
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
}

.list-inputs-inline > li {
	display: inline-block;
	padding-right: 15px;
	padding-left: 0;
	margin-bottom: 5px;
}

/* Fixes list group headers so that they are clipped and ... - better on small devices */
.list-group-item-heading {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (max-width: 320px) {
	.list-group-item-heading {
		font-size: 15px;
	}
}


/* new Checkbox with bootstrap look'n'feel */
.newCheckbox {
	display: none;
}

.newCheckbox + label {
	background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	border: 1px solid #cccccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
	/*padding: 9px;*/
	padding-left: 18px;
	padding-top: 1px;
	border-radius: 3px;
	display: inline;
	position: relative;
}

.newCheckbox + label:hover {
	background: #e0e0e0;
}

.newCheckbox + label:active, .newCheckbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

.newCheckbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.newCheckbox:checked + label:after {
	content: '\E207';
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	top: 2px;
	left: 3px;
	color: #555;
	font-family: 'Glyphicons Regular';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
}

.newCheckbox + label + label {
	font-weight: normal;
	padding-left: 5px;
	white-space: normal;
	line-height: 12px;
	position:absolute;
	padding-top:3px;
	padding-right:20px;
}

.newCheckbox:disabled + label,
.newCheckbox:checked:disabled + label {
	background: #e0e0e0;
	border: 1px solid #cccccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.0);
}

.newCheckbox:disabled + label:after {
	color: #888;
}

/* new radio with bootstrap look'n'feel */
.newRadio {
	display: none;
}

.newRadio + label {
	background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	border: 1px solid #cccccc;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
	padding-left: 18px;
	padding-top: 1px;
	border-radius: 50px;
	display: inline;
	position: relative;
}

.newRadio:checked + label:after {
	content: ' ';
	width: 12px;
	height: 12px;
	border-radius: 50px;
	position: absolute;
	top: 3px;
	background: #99a1a7;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
	text-shadow: none;
	left: 3px;
	font-size: 32px;
}

.newRadio:checked + label {
	background: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
	color: #555;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0 0 10px rgba(0,0,0,0.1);
}

.newRadio + label:active, .newRadio:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
}

.newRadio + label + label {
	font-weight: normal;
	padding-left: 5px;
}

.well-with-input {
	margin-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 0;
}
@media (min-width: 768px) {
	.number-list-height {
		height: 250px;
		overflow-y: auto;
	}
}

/* Generel help button */
.help-btn {
	font-size: 18px;
	color: #ccc;
	padding: 3px;
}

.help-btn:hover {
	color: #888;
}

/* Help modal dialog text */
.help-dl dt {
	padding-top: 20px;
	color: #555;
}

.help-dl dt:first-of-type {
	padding-top: 0;
}

.help-dl dd {
	margin-left: 25px;
	color: #777;
}

/* Fixes the modal to make it look better */
.modal-footer {
	padding: 6px 6px 6px;
	background-color: #f0f0f0;
	border-radius: 0 0 6px 6px;
}

.modal-footer .actionbuttons {
	padding: 0;
	margin: 0;
}

.modal-header {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f0f0f0;
	border-radius: 6px 6px 0 0;
}

/* Enables the use of an icon in alerts */
.alert i {
	font-size: 25px;
	float: left;
	margin-top: -5px;
	margin-right: 10px;
}

.alert span {
	display: table;
}

.alert span ul {
	padding-left: 20px;
	margin: 0;
}

/* Fixes the datepicker button so that a date cannot be picked for a disabled date */
.input-group.date .form-control:disabled ~ span {
	display: none;
}

.input-group.date .form-control:disabled {
	border-radius: 4px;
}

.btn-big {
	width: 100%;
	padding-bottom: 15px;
	padding-top: 20px;
	margin-bottom: 20px;
	font-weight: normal;
	color: #444;
}

/*.btn-big:hover {*/
	/*box-shadow: 1px 1px 2px rgba(0,0,0,0.2);*/
/*}*/

/*.btn-big:hover i {*/
	/*color: #3276b1;*/
	/*text-shadow: 3px 3px 2px rgba(0,0,0,0.2);*/
/*}*/

.btn-big i {
	font-size: 70px;
	color: #888;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

@media (max-width: 767px) {
	.btn-big {
		width: 100%;
		padding-bottom: 15px;
		padding-top: 20px;
		margin-bottom: 20px;
		font-size: 80%;
	}

	.btn-big i {
		font-size: 38px;
		color: #888;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
}

.btn-sm2 {
	padding: 2px 7px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-sm2 .glyphicons {
	font-size: 12px;
	line-height: 1.5;
	margin-top: -2px;
	margin-right: 5px;
}

.btn-sm3 {
	padding: 2px 7px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.btn-sm3 .glyphicons {
	font-size: 12px;
	line-height: 1.5;
	margin-top: -2px;
	margin-right: 2px;
	margin-left: 2px;
}


/* Background colors for lists */
.bg-green {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%) !important;
	background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #b2dba1 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0) !important;
}

.bg-green-nb {
	background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%) !important;
	background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0) !important;
}

.bg-blue {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%) !important;
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #9acfea !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0) !important;
}

.bg-table-hover:hover {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%) !important;
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #9acfea !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0) !important;
}

.bg-blue-nb {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%) !important;
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0) !important;
}

.bg-blue-nb-nohover {
	background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%) !important;
	background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0) !important;
}

.bg-yellow {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%) !important;
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #f5e79e !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0) !important;
}

.bg-yellow-nb {
	background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%) !important;
	background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0) !important;
}

.bg-red {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%) !important;
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #dca7a7 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0) !important;
}

.bg-red-nb {
	background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%) !important;
	background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0) !important;
}

.bg-grey {
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #dbdbdb !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e5e5e5', GradientType=0) !important;
}

.bg-grey-nb {
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e5e5e5', GradientType=0) !important;
}

.bg-grey-listtop {
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #e5e5e5 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e5e5e5', GradientType=0) !important;
}

.bg-green:hover {
	background-image: -webkit-linear-gradient(top, #cff0c8 0%, #b8e5ac 100%) !important;
	background-image: linear-gradient(to bottom, #cff0c8 0%, #b8e5ac 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #b2dba1 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcff0c8', endColorstr='#ffb8e5ac', GradientType=0) !important;
}

.bg-green-nb:hover {
	background-image: -webkit-linear-gradient(top, #cff0c8 0%, #b8e5ac 100%) !important;
	background-image: linear-gradient(to bottom, #cff0c8 0%, #b8e5ac 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcff0c8', endColorstr='#ffb8e5ac', GradientType=0) !important;
}

.bg-blue:hover {
	background-image: -webkit-linear-gradient(top, #c9ddf7 0%, #a9cef0 100%) !important;
	background-image: linear-gradient(to bottom, #c9ddf7 0%, #a9cef0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #9acfea !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9ddf7', endColorstr='#ffa9cef0', GradientType=0) !important;
}

.bg-blue-nb:hover {
	background-image: -webkit-linear-gradient(top, #c9ddf7 0%, #a9cef0 100%) !important;
	background-image: linear-gradient(to bottom, #c9ddf7 0%, #a9cef0 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc9ddf7', endColorstr='#ffa9cef0', GradientType=0) !important;
}

.bg-yellow:hover {
	background-image: -webkit-linear-gradient(top, #fcf8d3 0%, #f8efb0 100%) !important;
	background-image: linear-gradient(to bottom, #fcf8d3 0%, #f8efb0 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #f5e79e !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8d3', endColorstr='#fff8efb0', GradientType=0) !important;
}

.bg-yellow-nb:hover {
	background-image: -webkit-linear-gradient(top, #fcf8d3 0%, #f8efb0 100%) !important;
	background-image: linear-gradient(to bottom, #fcf8d3 0%, #f8efb0 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8d3', endColorstr='#fff8efb0', GradientType=0) !important;
}

.bg-red:hover {
	background-image: -webkit-linear-gradient(top, #e2cece 0%, #d7b3b3 100%) !important;
	background-image: linear-gradient(to bottom, #e2cece 0%, #d7b3b3 100%) !important;
	background-repeat: repeat-x !important;
	border-color: #dca7a7 !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe2cece', endColorstr='#ffd7b3b3', GradientType=0) !important;
}

.bg-red-nb:hover {
	background-image: -webkit-linear-gradient(top, #f2cece 0%, #e7b3b3 100%) !important;
	background-image: linear-gradient(to bottom, #f2cece 0%, #e7b3b3 100%) !important;
	background-repeat: repeat-x !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2cece', endColorstr='#ffe7b3b3', GradientType=0) !important;
}

/*.bg-grey:hover {*/
	/*background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #d5d5d5 100%) !important;*/
	/*background-image: linear-gradient(to bottom, #e0e0e0 0%, #d5d5d5 100%) !important;*/
	/*background-repeat: repeat-x !important;*/
	/*border-color: #dbdbdb !important;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#d5d5d5', GradientType=0) !important;*/
/*}*/

/*.bg-grey-nb:hover {*/
	/*background-image: -webkit-linear-gradient(top, #e0e0e0 0%, #d5d5d5 100%) !important;*/
	/*background-image: linear-gradient(to bottom, #e0e0e0 0%, #d5d5d5 100%) !important;*/
	/*background-repeat: repeat-x !important;*/
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0e0e0', endColorstr='#d5d5d5', GradientType=0) !important;*/
/*}*/


.bg-grey-flat {
	background-image: -webkit-linear-gradient(top, #eee 0%, #eee 100%) !important;
}


/* Please wait spinner */
div.spinner {
	position: relative;
	width: 54px;
	height: 54px;
	display: inline-block;
}

div.spinner div {
	width: 12%;
	height: 26%;
	background: #000;
	position: absolute;
	left: 44.5%;
	top: 37%;
	opacity: 0;
	-webkit-animation: fade 1s linear infinite;
	-webkit-border-radius: 50px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

div.spinner div.bar1 {-webkit-transform:rotate(0deg) translate(0, -142%); -webkit-animation-delay: 0s;}
div.spinner div.bar2 {-webkit-transform:rotate(30deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.9167s;}
div.spinner div.bar3 {-webkit-transform:rotate(60deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.833s;}
div.spinner div.bar4 {-webkit-transform:rotate(90deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.75s;}
div.spinner div.bar5 {-webkit-transform:rotate(120deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.667s;}
div.spinner div.bar6 {-webkit-transform:rotate(150deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.5833s;}
div.spinner div.bar7 {-webkit-transform:rotate(180deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.5s;}
div.spinner div.bar8 {-webkit-transform:rotate(210deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.41667s;}
div.spinner div.bar9 {-webkit-transform:rotate(240deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.333s;}
div.spinner div.bar10 {-webkit-transform:rotate(270deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.25s;}
div.spinner div.bar11 {-webkit-transform:rotate(300deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.1667s;}
div.spinner div.bar12 {-webkit-transform:rotate(330deg) translate(0, -142%); /*noinspection CssInvalidPropertyValue*/ -webkit-animation-delay: -0.0833s;}

@-webkit-keyframes fade {
	from {opacity: 1;}
	to {opacity: 0.25;}
}

/* Next 3 if a fix because ng-class cannot handle - so we change dropdown-header to dropdownheader */
.dropdownheader {
	display: block;
	padding: 3px 20px;
	font-size: 12px;
	line-height: 1.428571429;
	color: #999;
}
.navbar-nav .open .dropdown-menu .dropdownheader {
	padding: 0 15px 0 18px;
	cursor: default;
}
@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdownheader {
		border-color: #080808;
	}
}

.fatal-error {
	display:table;
	margin: 100px auto 0 auto;
	border: 1px solid #808080;
	background: #ffffff;
	padding: 50px;
	border-radius: 10px
}

.fatal-error-head { font-size: 30pt; }

.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.form-control.ng-invalid.ng-dirty {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control.ng-invalid.ng-dirty:focus {
	border-color: #843534;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.form-control.ng-invalid-countrycodes {
	border-color: #a94442;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}


.spin {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1500ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 1500ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 1500ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 1500ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}

.leftline { border-left: 1px solid #f0f0f0; }
.leftline2 { border-left: 1px solid #d0d0d0; }
.rightline { border-right: 1px solid #f0f0f0; }
.bottomline { border-right: 1px solid #f0f0f0; }

@media (max-width: 767px) {
	.leftline { border-left: none; }
	.leftline-xs { border-left: 1px solid #e0e0e0; }
	.rightline-xs { border-right: 1px solid #e0e0e0; }
	.bottomline-xs { border-right: 1px solid #e0e0e0; }
}

@media (min-width: 768px) {
	.leftline-sm { border-left: 1px solid #e0e0e0; }
	.rightline-sm { border-right: 1px solid #e0e0e0; }
	.bottomline-sm { border-right: 1px solid #e0e0e0; }
}

@media (min-width: 992px) {
	.leftline-md { border-left: 1px solid #e0e0e0; }
	.rightline-md { border-right: 1px solid #e0e0e0; }
	.bottomline-md { border-right: 1px solid #e0e0e0; }
}

@media (min-width: 1200px) {
	.leftline-lg { border-left: 1px solid #e0e0e0; }
	.rightline-lg { border-right: 1px solid #e0e0e0; }
	.bottomline-lg { border-right: 1px solid #e0e0e0; }
}

/* Used by sip account phone number list */
.phone-number-panel {
	border-bottom: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

/* Fade content in when selecting a tab */
.pm-fade {
	animation: PM-FADE-ANIMATION 0.5s;
	-webkit-animation: PM-FADE-ANIMATION 0.5s;
	-moz-animation: PM-FADE-ANIMATION 0.5s;
	-o-animation: PM-FADE-ANIMATION 0.5s;
}

@-webkit-keyframes PM-FADE-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

@-moz-keyframes PM-FADE-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@-o-keyframes PM-FADE-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes PM-FADE-ANIMATION {
	0%   { opacity: 0; }
	100% { opacity: 1; }
}

/* Used by directive pm-cloak and others */
.opa0 { opacity: 0; }
.opa02 { opacity: 0.2; }
.opa05 { opacity: 0.5; transition: 500ms; }
.opa07 { opacity: 0.7; }
.opa1 { opacity: 1; }
.opa1-on-hover:hover {
	opacity: 1 !important;
	transition: 1000ms;
}

.f11p { font-size: 10.5pt; }
.border1 { border: 1px; }

.visible-hover {
	visibility: hidden;
}
.visible-hover:hover {
	visibility: visible;
}

.input-addon-listfill {
	padding: 0 5px;
	border: 0;
	border-radius: 0;
	background-color: rgba(224, 224, 224, 0.25);
}

.input-listfill {
	text-align: right;
	border: 0;
	border-radius: 0;
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgba(255, 255, 255, 0.00);
	box-shadow: none;
}

.input-listfill:focus {
	border: 1px solid rgba(102, 175, 233, 1) !important;
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6) !important;
}

.input-listfill-disabled,
.input-listfill:disabled {
	background-color: rgba(0, 0, 255, 0.050);
}

.visible-xs2 {
	display: none !important;
}

@media (max-width: 767px) {
	.visible-xs2 {
		display: table-cell !important;
		width: 22% !important;
		text-align: right;
	}
}

.rttSelect {
    padding: 0px 10px;
    font-size: 12px;
    border-radius: 3px;
    height: 25px;
    line-height: 25px;
    width: 160px;
    margin-top: -2px;
}


@media (min-width: 1200px) {
    .col-lg-1d5 {
        float: left;
        position: relative;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        width: 12.5%;
    }
}

.flex-box-container {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-row-nowrap {
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
}

@media (max-width: 767px) {
    .flex-row-nowrap > div {
        padding-left: 2px;
        padding-right: 2px;
    }
    .flex-row-nowrap > div:first-of-type {
        border-left: none;
    }
}

select:focus ~ .input-group-btn,
input:focus ~ .input-group-btn {
    -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);
    -webkit-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;
}

select:focus ~ .input-group-btn > .btn,
input:focus ~ .input-group-btn > .btn {
    border-top-color: #66afe9 !important;
    border-right-color: #66afe9 !important;
    border-bottom-color: #66afe9 !important;
    -webkit-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;
}

select:focus ~ .input-group-addon,
input:focus ~ .input-group-addon {
	-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);
	-webkit-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;
	border-top-color: #66afe9 !important;
	border-right-color: #66afe9 !important;
	border-bottom-color: #66afe9 !important;
}

input ~ .input-group-addon {
	border-left: 0;
}

.form-control.ng-invalid.ng-dirty ~ .input-group-btn,
.form-control.ng-invalid.ng-dirty ~ .input-group-btn > .btn,
.form-control.ng-invalid.ng-dirty ~ .input-group-addon {
	border-color: #a94442 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.form-control.ng-invalid.ng-dirty:focus ~ .input-group-btn,
.form-control.ng-invalid.ng-dirty:focus ~ .input-group-btn > .btn,
.form-control.ng-invalid.ng-dirty:focus ~ .input-group-addon {
	border-color: #843534 !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}

.input-group-addon-boxfree {
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	-webkit-transition: none !important;
	transition: none !important;
	border: 0 !important;
	outline: 0 !important;
	background: inherit;
}


.btn { outline: 0 !important; }
.pointerright { cursor: e-resize; }

.absolute-center {
	position: absolute;
	display: table;
	height: auto;
	width: 500px;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

/* Main dropdown menu fading */
.dropdown-mainmenu {
	-webkit-transition: opacity 400ms ease-in-out, max-height 1ms linear 400ms, visibility 1ms linear 500ms;
	transition: opacity 400ms ease-in-out, max-height 1ms linear 400ms, visibility 1ms linear 500ms;
	opacity: 0;
	display: block;
	max-height: 1px;
	overflow: hidden;
	visibility: hidden;
}

.open .dropdown-mainmenu {
	transition: max-height 1ms linear, opacity 400ms ease-in-out, visibility 1ms linear;
	-webkit-transition: max-height 1ms, opacity 400ms ease-in-out, visibility 1ms linear;
	opacity: 0.95;
	max-height: 1000px;
	visibility: visible;
}

.navbar-nav .dropdown-mainmenu .dropdownheader {
	padding: 5px 15px 5px 25px;
}

/* Notifications */
.notifications {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 300px;
	z-index: 1500;
}

.notification-item {
	margin-bottom: 10px;
	box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 6px;
	border-radius: 10px;
	border-width: 2px;
	text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
	cursor: pointer;
}

.notification-close {
	font-style: italic;
	font-size: 10px;
	opacity: 0.8;
	margin-top: -17px;
	margin-right: -17px;
	padding: 8px;
	cursor: e-resize;
}

.notification-wrapper {
	opacity: 0.9;
	margin-left: 0;
	margin-right: 0;

}

.notification-wrapper.ng-enter {
	-webkit-transition: 1s;
	transition: 1s;
	opacity: 0;
	margin-left: 300px;
	margin-right: -300px;
}

.notification-wrapper.ng-enter-active {
	opacity: 0.9;
	margin-left: 0;
	margin-right: 0;
}

.notification-wrapper.ng-leave {
	transition: opacity 500ms ease, margin-left 500ms ease, margin-right 500ms ease, max-height 500ms linear 10ms, margin-top 500ms linear 10ms;
	max-height: 78px;
}

.notification-wrapper.ng-leave-active {
	opacity: 0;
	margin-left: 300px;
	margin-right: -300px;
	overflow: hidden;
	max-height: 0;
	margin-top: 0;
}

.dropdown-menu2 > li > a {
	padding: 5px 10px;
}

/* Makes input narrow in MD - used for CDR dates */
@media (min-width: 992px) and (max-width: 1199px) {
	.form-group.narrow-input-md > pm-datepicker > .date > input,
	.narrow-input-md2 {
		padding-left: 7px;
		padding-right: 0;
	}
}

.employee-picture-buttons {
	padding-left: 10px;
	padding-right: 10px;
	width: auto;
	max-width: 245px;
	max-height: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

.employee-picture {
	background-color: #fff;
	padding: 10px;
	border-radius: 10px;
	border: 1px solid #ccc;
	width: auto;
	max-width: 245px;
	max-height: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.employee-picture img {
	max-width: 300px;
	max-height: 300px;
	width: 100%;
}

.employee-picture-progressbar {
	position: relative;
	z-index: 10;
	padding-left: 20px;
	padding-right: 20px;
	width: auto;
	max-width: 245px;
	max-height: 320px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: -42px;
}

/* Make colored button more plesant to look at */

.btn-success {
	background-image: -webkit-linear-gradient(top, #8cd88c 0%, #71B671 100%);
	background-image:         linear-gradient(to bottom, #8cd88c 0%, #71B671 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8cd88c', endColorstr='#ff71B671', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #6eaf6e;
	text-shadow: 1px 1px 2px #444;
}
.btn-success:hover,
.btn-success:focus {
	background-color: #71B671;
	background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
	background-color: #71B671;
	border-color: #6eaf6e;
}

.btn-info {
	background-image: -webkit-linear-gradient(top, #9bd0de 0%, #6abbd2 100%);
	background-image:         linear-gradient(to bottom, #9bd0de 0%, #6abbd2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9bd0de', endColorstr='#ff6abbd2', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #68b4c9;
	text-shadow: 1px 1px 2px #444;
}
.btn-info:hover,
.btn-info:focus {
	background-color: #6abbd2;
	background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
	background-color: #6abbd2;
	border-color: #68b4c9;
}

.btn-warning {
	background-image: -webkit-linear-gradient(top, #f0cd8e 0%, #fbb356 100%);
	background-image:         linear-gradient(to bottom, #f0cd8e 0%, #fbb356 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0cd8e', endColorstr='#fffbb356', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #f3ad53;
	text-shadow: 1px 1px 2px #444;
}
.btn-warning:hover,
.btn-warning:focus {
	background-color: #fbb356;
	background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
	background-color: #fbb356;
	border-color: #f3ad53;
	text-shadow: none !important;
}

.btn-danger {
	background-image: -webkit-linear-gradient(top, #f9837f 0%, #e15e5a 100%);
	background-image:         linear-gradient(to bottom, #f9837f 0%, #e15e5a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff9837f', endColorstr='#ffe15e5a', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	background-repeat: repeat-x;
	border-color: #d95c58;
	text-shadow: 1px 1px 2px #444;
}
.btn-danger:hover,
.btn-danger:focus {
	background-color: #e15e5a;
	background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
	background-color: #e15e5a;
	border-color: #d95c58;
}


.btn-extension-group {
	padding: 0 0 0 0;
	border: none;
}

.btn-extension-group > a {
	border-radius: 0;
	/*text-shadow: none;*/
}

.btn-extension-group > a:first-child {
	border-radius: 0 0 0 0 !important;
}

.btn-extension-group > a:not(:first-child) {
	border-left: 0;
}

.form-control.no-highlight {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

.form-control.no-highlight:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	border-color: #ccc;
}

.no-radius {
	border-radius: 0;
}
.no-radius > li {
	border-radius: 0 !important;
}

@media (min-width: 768px) {
	.call-handling-block {
		float: left !important;
		margin-right: 10px;
		margin-bottom: 5px;
	}
	.call-handling-number {
		min-width: 150px;
		max-width: 150px;
	}
}
@media (max-width: 767px) {
	.call-handling-block {
		margin-right: 10px;
		margin-bottom: 5px;
	}
}

.user-phone-list-item {
	padding: 6px 4px 6px 8px;
	cursor: pointer;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: stretch;
}

.kroner:before {
	content: "Kr. ";
	float: left !important;
}

.user-image {
	margin-top: -7px;
	margin-left: -12px;
	vertical-align: inherit;
	border-radius: 30px 30px;
	width: 59px;
	height: 59px;
}

.destination-amount .a-addon {
	padding: 0 5px;
	border: 0;
	border-radius: 0;
	background-color: rgba(224, 224, 224, 0.25);
	cursor: default !important;
}

@media (max-width: 1199px) and (min-width: 991px) {
	.destination-amount .a-addon {
		padding: 0 0 0 2px;
	}
	.destination-amount INPUT {
		padding: 0 2px 0 0;
	}
}
pm-switch.special1 span {
	margin-top: 3px;
	margin-bottom: -2px;
}