.zerp-padding {
    padding: 5px !important;
}

.breadcrumb {
	margin-bottom: 10px !important;
}

.amount-formatter {
	text-align : right;
}
.sub-menu-show {
	/* list-style: none; */
	display: block !important;
	/* padding: 0;
	margin: 8px 0px 8px 0px; */
}

.cus-padding-left {
	padding-left: 10px;
}

.gridStyle {
    width: 800px;
    height: 100% !important;
}

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.padClass {
	padding-left:38px !important;
}

.select2-container {
	display : block;
}

.select2-results {
	max-height : 126px;
}

.select2 > .select2-choice.ui-select-match {
	height: 34px;
}

.select2-container .select2-choice {
	line-height: 34px;
}

.grid-uiSelect > .select2-choice.ui-select-match {
	height: 23px;
	line-height: 23px;
}

.bordOut {
	border-top: 0px solid hsl(212, 18%, 29%) !important;
}

.ui-select-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}


.select2-result-single {
  padding-left: 0;
}

.bullet {
	width: 5px;
	height: 5px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 50%;
}

.imageNone {
	display: none !important;
}

.imageFloat {
	float: none !important;
}

.tabbable > .nav nav-tabs >li>a {
	border:none !important;
}
.ngHeaderCell {
	border-bottom: 1px solid #d4d4d4;
}
.ngHeaderSortColumn {
	border-top: 1px solid #d4d4d4;
}
.ngHeaderCell:first-child,
.ngRow .ngCell:first-child {
	border-left: 1px solid #d4d4d4;
}
.ngHeaderCell:last-child,
.ngRow .ngCell:last-child {
	border-right: 1px solid #d4d4d4;
}
.ngCell {
    overflow: visible !important;
    border-bottom: 1px solid #d4d4d4;
}
td.ngCell {
	position: relative;
}
.iconsmall i {

font: 12px/1em 'glyphicons' !important;

}

.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
	background-color: 1caf9a;
	color: #fff;
}

.green {
	color: green;
}

#map {
    height:420px;
}

#mask, #inbInvFileMask, #payReqFileMask, #attestationFileMask {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:10051;
    background-color:#F3F3F3;
    opacity: .8;
 }

 #mask {
	 position: fixed;
 }

 #altinnMasking {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1050;
    background-color:#F3F3F3;
    opacity: .8;
 }

 #popupMasking {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:11050;
    background-color:#F3F3F3;
    opacity: .8;
 }

 #salaryMasking {
     position:absolute;
     top:0;
     left:0;
     width:100%;
     height:100%;
     z-index:11050;
     background-color:#F3F3F3;
     opacity: .8;
  }

#loginMasking {
    position:absolute;
    top:0;
    left:0;
    width:100% !important;
    height:100% !important;
    z-index:1050;
    background-color:#F3F3F3;
    opacity: .8;
 }
 
#popupLoaderMask {
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #F3F3F3;
	z-index: 100;
	opacity: 0.5;
}

.ajax-loader {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
}

.search-loader {
    position: absolute;
    display: inline-block;
	margin: auto;
    top: 200;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
}

.scrollMask {
	z-index: 40000;
	background-color: white;
	opacity: 0.8;
}

.loader-text {
	position: absolute;
    left: 49%;
    top: 54%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
}

.iconSize {
	font-size: 20px !important;
	color: #179D81;
}

iframe, object, embed {
   max-width: 100%;
}

.dropCls {
}

.dragover {
    /* border: 5px dashed #179D81; */
    background-color:#FFFFFF;
    opacity:0.8;
    /* z-index:10; */
    line-height: 35;
    z-index:1010;
    text-align:center;
    font-size:20px;
    font-family:inherit;
    font-style:inherit;
    font-weight:normal;
    border:3px dashed black;
    color: black;
    vertical-align: top;
}

.dropDivClass {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index:1001;
}

.gridDivClass {
	position: absolute;
	z-index:991;
	overflow-y: scroll;
  	max-height: 200px;
}

.leaveCalender {
	width: 25%;
	height: 25%;
	border-radius: 50%;
	border: 2px solid grey;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 3px;
	margin-left: 3px;
	position: relative;

}
.innerLeaveCircle {
	width: 60%;
	height: 65%;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	text-align: center;
	font-size: smaller;
	position: absolute;
    left: 50%;
	transform: translateX(-50%);
}

.fc-day-number {
	font-weight: bold;
}

.fc-day {
	overflow: hidden;
}

.leaveCalender:first-child {
	margin-top: 20px;
}


/* .page-sidebar.navbar-collapse.in {
	display: none !important;
} */
/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
	border-radius: 4px !important;
}

.portlet .portlet-title {
	border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
	border-radius: 0px 0px 4px 4px !important;
}
*/

/*
Change Quick Sidebar Width
*/

/*
.page-quick-sidebar-wrapper {
  right: -370px;
  width: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-left: -370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content .page-footer {
  margin-right: 370px;
  margin-left: -370px;
}

.page-sidebar-reversed.page-quick-sidebar-open.page-quick-sidebar-push-content .page-sidebar-wrapper {
  margin-right: 370px;
}

.page-quick-sidebar-open.page-quick-sidebar-push-content.page-quick-sidebar-full-height .page-header {
  margin-left: -370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  width: 370px !important;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  width: 370px !important;
  margin-left: 370px;
}

.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  margin-left: -370px;
}
*/

.btn-file {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn-file > input {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 23px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;

  direction: ltr;
}
.fileinput {
  display: inline-block;
  margin-bottom: 9px;
}
.fileinput .form-control {
  display: inline-block;
  padding-top: 7px;
  padding-bottom: 5px;
  margin-bottom: 0;
  vertical-align: middle;
  cursor: text;
}
.fileinput .thumbnail {
  display: inline-block;
  margin-bottom: 5px;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
.fileinput .thumbnail > img {
  max-height: 100%;
}
.fileinput .btn {
  vertical-align: middle;
}
.fileinput-exists .fileinput-new,
.fileinput-new .fileinput-exists {
  display: none;
}
.fileinput-inline .fileinput-controls {
  display: inline;
}
.fileinput-filename {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.form-control .fileinput-filename {
  vertical-align: bottom;
}
.fileinput.input-group {
  display: table;
}
.fileinput.input-group > * {
  position: relative;
  z-index: 2;
}
.fileinput.input-group > .btn-file {
  z-index: 1;
}
.fileinput-new.input-group .btn-file,
.fileinput-new .input-group .btn-file {
  border-radius: 0 4px 4px 0;
}
.fileinput-new.input-group .btn-file.btn-xs,
.fileinput-new .input-group .btn-file.btn-xs,
.fileinput-new.input-group .btn-file.btn-sm,
.fileinput-new .input-group .btn-file.btn-sm {
  border-radius: 0 3px 3px 0;
}
.fileinput-new.input-group .btn-file.btn-lg,
.fileinput-new .input-group .btn-file.btn-lg {
  border-radius: 0 6px 6px 0;
}
.form-group.has-warning .fileinput .fileinput-preview {
  color: #8a6d3b;
}
.form-group.has-warning .fileinput .thumbnail {
  border-color: #faebcc;
}
.form-group.has-error .fileinput .fileinput-preview {
  color: #a94442;
}
.form-group.has-error .fileinput .thumbnail {
  border-color: #ebccd1;
}
.form-group.has-success .fileinput .fileinput-preview {
  color: #3c763d;
}
.form-group.has-success .fileinput .thumbnail {
  border-color: #d6e9c6;
}
.input-group-addon:not(:first-child) {
  border-left: 0;
}

.form-group.required .control-label:after {
  content:" *";
  color:red;
}

.has-error .control-label {
	color: #333;
}

.italic {
	font-style: italic;
}

.absolute-bottom-5 {
	position: absolute;
	bottom: 5px;
}

.control-label .required {
  color: #E02222;
  font-size: 17px;
  padding-left: 2px;
}

.blue.btn {
  color: #FFF;
  background-color: #23BCE0;
}

#masker {
	z-index:10001;
    height:100%;
    display:none;
    width:100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    cursor: wait;
}

.boxedCogWheel {

	height: 34px;
    text-align: center;
    width: 35px;
    border: 1px solid #BEB9B9;
	background: #BEB9B9;
	padding-top: 7px;
	float: right;
	cursor: pointer;
}

.label-grey {
	background-color: #777;
}

.green {
	background-color: #45B6AF;
}

.red {
	background-color: red;
}

.yellow {
	background-color: #f0ad4e;
}

.blue {
	color: #FFF;
	background-color: 0639A5;
}

.purple {
	color: #FFF;
	background-color: mediumpurple;
}
.grey {
	background-color:#777;
}

.ngCell .red,
.ngCell .green {
	  position: absolute;
  top: 4px;
  width: 4px;
  left:0;
  bottom: 4px;
}
.cellactions {
	position: relative;
	z-index: 1;
}

.ngViewport {
	overflow-y:auto;
	overflow-x: hidden;
	height: 80% !important;
}
.portlet-body img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.text-wrap {
	word-wrap: break-word;
	word-break: break-all;
}

.requiredField {
  	border-color: #a94442;
}

.warningField {
	border-color: #f0ad4e;
}

.ng-invalid.ng-dirty{
  border-color: #a94442;
}

.form-control .ng-valid input {
	border-color: none;
}

.glyphicons.cogwheel.white.boxedCogWheel:hover {
  background-color: #A9ABAF;
}

.amber-tooltip + .tooltip > .tooltip-inner {
	background-color: #FFBF00;
}
.amber-tooltip + .tooltip > .tooltip-arrow {
	border-bottom-color: #FFBF00;
}
#gridDiv .ngViewport {
	height: 100% !important;
}
.bootstrap-switch {
	height: 35px;
	margin: 0 10px;
}
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
	background-color :#179d81;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
	background-color :#179d81;
}

.dashboard-widgets {
	overflow-y: auto;
  	height: 80%;
  	padding-top: 18px !important
}

.noSideBar {
	margin-left: 0px !important;
}

.fontSize {
	font-size: 13px;
}

.roundBorder {
	border: 1px solid #e1e1e1 !important;
	border-radius: 25px !important;
}

.alignRight {
	right: 20px;
}

.orgNoPadding {
	padding-bottom: 10px;
  	padding-right: 0px;
}

#municipalityGrid .ngViewport.ng-scope {
    height: 60% !important;
    overflow-y: auto !important;
}

#employeeSalaryExtension.gridStyle {
    height: 30% !important;
}

#netsGrid.gridStyle {
    height: 20% !important;
}

#netsGrid .ngViewport.ng-scope {
    height: 60% !important;
    overflow-y: auto !important;
}

#reportViewGrid.gridStyle {
    height: 30% !important;
}

#reportViewGrid .ngViewport.ng-scope {
    height: 60% !important;
    overflow-y: auto !important;
}

#accountOfficeGrid.gridStyle {
    height: 30% !important;
}

#accountOfficeGrid .ngViewport.ng-scope {
    height: 60% !important;
    overflow-y: auto !important;
}

#salaryRunConfigGrid .ngViewport.ng-scope {
    height: 30% !important;
    overflow-y: auto !important;
    border: 1px solid rgb(212,212,212);
}

.ngTopPanel.ng-scope, .ngHeaderContainer {
    width: auto !important;
}

.languageMarginAlign {
	margin-top: 20px;
	margin-left:1px;
}

.popover {
	max-width:450px;
	width: 400px;
	height: 300;
	z-index: 50000;
}

.combo-gridStyle {
    width: 100%;
   	height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.popover-padding {
	padding-left:0px;
	padding-right:0px;
}

.table.table tr.selected td
{
	background: grey !important;
}

.leaf-menu {
	list-style: none !important;
	padding-left: 10 !important;
	font-size:14px;
}

.padding-left-10 {
	padding-left : 10px
}


.leaf-arrow {
	float: right;
	margin-left: 6px;
}

.card-border {
	border: 1px solid black;
}

.divider{
    position:absolute;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid black;
}
 /* for card layout */

 .card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
  margin-top: 10px;
  box-sizing: border-box;
  border-radius: 2px;
  background-clip: padding-box;
}
.card span.card-title {
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-transform: uppercase;
}

.card .card-image {
  position: relative;
  overflow: hidden;
}
.card .card-image img {
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  position: relative;
  /* z-index: -1; */
}
.card .card-image span.card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 16px;
}
.card .card-content {
  padding: 16px;
  border-radius: 0 0 2px 2px;
  background-clip: padding-box;
  box-sizing: border-box;
}
.card .card-content p {
  margin: 0;
  color: inherit;
}
.card .card-content span.card-title {
  line-height: 48px;
}
.card .card-action {
  border-top: 1px solid rgba(160, 160, 160, 0.2);
  padding: 16px;
  height: 65px;
}
.card .card-action a {
  margin-right: 16px;
  transition: color 0.3s ease;
  text-transform: uppercase;
}
.card .card-action a:hover {
  text-decoration: none;
}

/* end of card layout*/

td.container > div { width: 100%; height: 100%; overflow:hidden; }
td.container { height: 20px; }


.treeStyle {
	-webkit-column-count: 2;
	/* padding-left: 15px;
	padding-right: 15px; */
}

.tabPadding {
	padding-top: 15px;
}

.bootstrap-switch {
	margin: 0 0;
}

.bootstrap-switch-new_default {
	background-color: lightgray;
}

.bootstrap-switch-new_on_color {
	background-color: #179d81;
}

.ngCell .rightGreen {

	  position: absolute;
	  top: 4px;
	  width: 4px;
	  right: 0px;
	  bottom: 4px;
	  background-color: #45B6AF;
}

.ngCell .rightRed {
	  position: absolute;
	  top: 4px;
	  width: 4px;
	  right: 0px;
	  bottom: 4px;
	  background-color: red;
}

.widgetReportDesc {
	white-space: nowrap;
	color: #838FA1;
	margin-left: 35px;
	font-size: 13px;
	overflow: hidden;
	text-overflow: ellipsis;
}

@media only screen {
	.widgetReportDesc {
		width: 92%;
	}
}

.accordion .panel .panel-title {
  /* background-color: #1BBC9B; */
}

.accordion .panel .panel-title.report-title {
  background-color: #91D462;
}

.accordion .panel .panel-title .reportAccordion.accordion-toggle.accordion-toggle-styled {
  background: url("../images/angular/icon_expand.png") no-repeat;
  background-position: right 12px;
  margin-right: 15px;
}
.accordion .panel .panel-title .reportAccordion.accordion-toggle.accordion-toggle-styled.collapsed{
  background: url("../images/angular/icon_collapse.png") no-repeat;
  background-position: right 12px;
  margin-right: 15px;
}

.reportTabTitle {
	float: left;
	padding: 9px 5px !important;
}

.reportTabLabel {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left;
	max-width: 100px;
}

.reportTabClose {
	float: left;
	padding-bottom: 30px;
	padding: 9px 5px !important;
	cursor: pointer !important;
}

.float-menuCls {
	margin-left: 238px !important;
    display: inline-block !important;
    margin-top: -37px !important;
    float: top;
    width: 194px;
    z-index: 2000;
    position: absolute;
    background: #2B3643;
}

.page-sidebar .page-sidebar-menu .float-menuCls li > a {
	padding: 6px 15px 6px 6px !important;
}

.circle {
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     vertical-align: middle;
     font-weight: bold;
     color: white;
}

.completed, .progress-bar {
	background: #636364;
}

.notCompleted {
	background: lightgray;
}

.container-each {
	text-align: left;
	padding-top: 5px;
}

.container-each > div
{
	padding-left: 10px;
    display: inline-block;
}

.padding-top-3 {
	padding-top: 3px;
}

.ngCellStatusRightAlign {
	position: absolute !important;
	top: 4px !important;
	width: 4px !important;
	left:97% !important;
	bottom: 4px !important;
}

.uiSelect-dropDown {
	margin-top: 0px !important;
	height: 34px !important;
}

.uiSelect-dropDown div {
	margin-left: -91px !important;
	width: 180px !important;
}

.uiSelect-dropDown div div {
	margin-left: 3px !important;
}

.uiSelect-dropDown div div input {
	margin-left: -24px !important;
}

.status-dropdown:after {
	left: 121px !important;
}

.status-dropdown:before {
	left: 120px !important;
}

.boldChar{
	font-weight: bold;
}

#schedulegrid .ngCell  {
  display : table-cell;
  height: auto !important;
  overflow:visible;
  position: static;
}

#schedulegrid .ngRow {
  display : table-row;
  height: auto !important;
  position: static;
}

#schedulegrid .ngCellText{
  height: auto !important;
  white-space: normal;
}

.alignTimeTrackerlbl {
	margin-top: 35px !important;
}

.timeEntry-row-details {
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.timeEntry-row-details.row-details-open {
    background: url("../images/angular/row-openclose.png") no-repeat 0 -23px;
}

.timeEntry-row-details.row-details-close {
    background: url("../images/angular/row-openclose.png") no-repeat 0 0;
}

.alignTimeTrackerlblmargin {
	margin-bottom: 15px !important;
}

.timePickerAlignment {
	margin-top: 35px !important;
    float: left;
}

.textAreaResizeNone {
	resize: none;
}

.floatLeft {
	float: left;
}

.pointerCursor {
	cursor: pointer;
}

.bg-color-primary-pilot-run {
	color: #fff;
    background-color: #428bca !important;
}

.yearlyView {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}

.whiteButton {
	color: #fff !important;
	border-color: #fff !important;
}

.childTableHeaderBgColor {
	background-color: rgb(195, 218, 239) !important;
}

.childTableRowBgColor {
	background-color: aliceblue !important;
}

.alignCenter {
	text-align: center;
}

.padding-top-8 {
	padding-top: 8px;
}

.alignLeft {
	text-align: left !important;
}

.ngCell .leaveColor {
	position: absolute;
	top: 4px;
	width: 4px;
	right:0px;
	bottom: 4px;
}

.deactivated {
	background-color: #D2CCCC !important;
}

.weekend {
	background-color: #9C9797 !important;
}

.today {
	background-color: #1CAF9A !important;
}

.noWordBreakCls {
	white-space:nowrap !important;
}

.textAlignRight {
	text-align: right !important;
}

treecontrol.tree-light.availableReportTree li .tree-selected, treecontrol.tree-light.selectedReportTree li .tree-selected {
	border: 0;
    background-color: #e1e1e1;
    box-shadow: none;
    padding: 5px;
}

@media (min-width: 992px)
.weeklyReportPopupWidth {
    width: 1000px;
}

#sortable li {
	width: 24%;
}

@media (min-width: 768px)
.weeklyReportPopup {
    width: 600px;
    margin: 30px auto;
}

#printEntry .modal-content {
    position: absolute;
    left: 45px;
    right: 45px;
    bottom: 45px;
    top: 45px;
    overflow: auto;
}

.zeroTimeEntryCls {
	background-color : #FAEBD7 !important;
	padding: 0px !important;
}

.timeEntryCls {
	background-color : #D0913E !important;
	padding: 0px !important;
}

.table-pull-right {
	text-align: right !important;
}

.btn.move-right {
	margin-right: 4px;
}

.noBorderCls {
	background-color : #F1F3FA !important;
	display: none !important;
}

.ver-inline-menu li a {
	background: #8DEDE9;
	border-left: solid 2px #45B6AF;
}

.ver-inline-menu li i {
	color: #FFFFFF;
	background: #8DEDE9 !important;
}

.ver-inline-menu li.active i {
	color: #FFFFFF;
	background: #45B6AF !important;
}

.ver-inline-menu li.active a {
	background: #45B6AF;
}

.ver-inline-menu li.active a {
	border-left: solid 2px #45B6AF;
}

.ver-inline-menu li.active:after {
	border-left: 6px solid #45B6AF;
}

.ui-grid-header-cell-wrapper {

    position:relative;
    display:table;
    box-sizing:border-box;
    height:initial;
}

.captcha-img {
	height: 35px;
    width: 150px;
}

/* Internet Explorer 10+ */

@media screen and (-ms-high-contrast:active),
 (-ms-high-contrast:none) {

    .ui-grid-header-cell-wrapper {
        position:relative;
   		display:table;
    	box-sizing:border-box;
    	height:auto;
    }
}

.grid {
  /* height: 300px; */
  clear: both;
}

.ui-grid-cell {
  overflow: visible;
  position: relative;
}

.ui-grid-colorCls {
	position: absolute;
	width: 4px;
	height: 80%;
}

.calendarCls {
	cursor: pointer;
	border-box: 50%;
	/* border: 1px solid black; */
	border-radius: 50%;
	height: 25px;
	width: 25px;
	margin-left: 5%;
}

.ui-grid {
    min-height: 175px;
}

#formulaDialogBody .portlet.box > .portlet-body {
	padding: 8px;
}

#formulaDialogBody .portlet.box > .portlet-body .dd-handle {
	cursor: pointer;
}

#formulaDialogBody .portlet.box > .portlet-body .dd-handle:hover {
	color: #2ea8e5;
	background: #C4C4C4;
}

li > .div-active {
	background-color: rgba(146, 147, 151, 0.68);
}

.ui-grid-draggable-row {
    height: 30px;
}

.ui-grid-draggable-row-over {
    position: relative;
    color: #AAA;
}

.ui-grid-draggable-row-over:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: 1px dashed #AAA;
}

.ui-grid-draggable-row-over--above:before {
    top: 0;
}

.ui-grid-draggable-row-over--below:before {
    bottom: 0;
}

#comboGrid .ui-grid-row:nth-child(odd):hover .ui-grid-cell{background:#1caf9a}
#comboGrid .ui-grid-row:nth-child(even):hover .ui-grid-cell{background:#1caf9a}

.comboGrid > .popover {
	width: 100%;
	left: 0;
	min-width: 100%
}

.comboGrid-arrow {
width: 18px;
    height: 100%;
    position: absolute;
    right: 45px;
    top: 0;
    border: 1px solid #aaa;
    /* border-radius: 0 4px 4px 0; */
    /* background-clip: padding-box; */
    /* background: #ccc; */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #FFFFFF), color-stop(0.6, #FFFFFF));
    background-image: -webkit-linear-gradient(center bottom, #FFFFFF 0%, #FFFFFF 60%);
    background-image: -moz-linear-gradient(center bottom, #FFFFFF 0%, #FFFFFF 60%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
    background-image: linear-gradient(top, #ccc 0%, #eee 60%);
}

.comboGrid-arrow b {
	width: 100%;
    height: 100%;
    background: url(../images/select2.png) no-repeat 0 1px;
    display: block;
}

.productUnit-popover {
	border: 1px solid #aaa;
}

.btn-margin-bottom-10 {
	margin-bottom: 10px;
}

.ui-grid-cell {
	font-size: 12px;
    border-bottom: 1px solid #d4d4d4;
    border-bottom-width: 1px !important;
}

.ui-grid-cell-contents {
	font-size: 12px;
}

#attestationMask {
 	position:absolute;
    top:75px;
    left:16px;
    width:94% !important;
    height:60% !important;
    z-index:1050;
    background-color:#D4D4D4;
    opacity: .8;
}

.crud-operation-grid {
	height: 250px !important;
}

.top-header .navbar-nav > li .menu-toggler.responsive-toggler {
    display: none;
}

@media (max-width: 992px) {
.top-header .navbar-nav > li .menu-toggler.responsive-toggler {
     display: inline-block;
}
.page-content-wrapper {
    position: relative;
}
}

a.menu-toggler.responsive-toggler.glyphicons.white.show_lines:focus {
	background-color:none !important;
}


.page-logo .select2-container .select2-choice .select2-arrow,
.page-logo .select2-container .select2-choice {
	background: transparent;
	border: 0 !important;
}

.page-logo > a {
    width: 55px;
}

.page-logo .select2-container .select2-choice {
	margin-top: 10px;
}

.page-logo .select2-container .select2-choice > .select2-chosen {
	margin-right: 0px;
}

.page-logo .select2-container .select2-choice .select2-arrow {
	right: -5px;
}
.nav > li > a:hover, .nav > li > a:focus {
	background: none;
}

.no-wrap {
	white-space: nowrap;
}

.page-actionbar {
    position: absolute;
    z-index: 111;
    top: 4px;
    right: 57px;
}

@media (max-width: 992px) {

	.page-actionbar {
		top:5px;
	}
	.mainTabView {
		 margin-top: 60px;
	}
}
.select2-result-label.ui-select-choices-row-inner {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}

.module-add {
    top: 9px;
}

.dropdown-menu li > a {
  padding: 6px 6px 6px 12px;
  cursor : pointer;
}

.dropdown-menu.right, .ui-grid-menu-mid {
	right: 40px !important;
	left: auto !important;
}

.dropdown-body [dropdown-toggle] {
	padding: 0 4px;
	margin-top: 3px;
}

#viewerContainer {
	padding-bottom: 20px;
}

.pdfViewer .page {
    box-shadow: 0 0 6px #000;
    border-image: none;
    margin: 15px auto;
    border: 0;
}

.grid-total-count-footer {
	text-align: center;
    font-weight: bolder;
}

.ui-grid-menu {
	z-index: 100000;
}
.ui-grid-menu-button {
	z-index: 100001;
}

.label-scroller {
	min-height:35px;
	max-height:175px;
	overflow-y:auto;
	overflow-x:hidden;
}

.firstGenLabelScroller {

	min-height:35px;
	overflow-y:auto;
	overflow-x:hidden;
	margin-top: 3px;
}

#paymentRequest a:after {
    font-family:'Glyphicons Halflings';
    content:"\e114";
    float: right;
    color: grey;
}
#paymentRequest a.collapsed:after {
    content:"\e080";
}

.permission-icon:before {
	font-size: 24px;
}

.dropdown-menu li > a {
  padding: 6px 6px 6px 12px;
}

.dropdown-menu.right, .ui-grid-menu-mid {
	right: 40px !important;
	left: auto !important;
}

#totalTimeTaken {
	width: 90px;
	text-align: center;
}

.dropdown-body [dropdown-toggle] {
	padding: 0 4px;
	margin-top: 3px;
}
.tools > a {
	cursor:pointer;
}

.ui-grid-filter-container .ui-grid-filter-button {
    top: 18px;
}

.tab-routines {
    margin-bottom: 10px;
}

.margin-left-10 {
	margin-left : 10px;
}

.view-all-toolbar {
	margin-top: -57px;
}

.add-btn {
    border-color: #7A7676;
    border-radius: 10px !important;
}

.default-btn {
    background-color: #d4d4d4;
    border-radius: 10px;
    border-color: #b2b2b2;
}

.widgets-switch > div {
	height: 30px;
}

.widgets-switch > div > div > .bootstrap-switch.bootstrap-switch-mini
.bootstrap-switch-handle-on,
.widgets-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.widgets-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
	padding: 5px 5px !important;
}

.widgets-switch > div  > .bootstrap-switch.bootstrap-switch-mini
.bootstrap-switch-handle-on,
.widgets-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.widgets-switch .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label,
.widgets-switch .bootstrap-switch-new_on_color {
	padding: 5px 5px !important;
}
.max-drop-down {
	width: 100%;
}

.ui-grid-row-count-10 {
	height: 370px;
}
/*
@media (max-width: 1024px) {
	.close {
		background-image: url("../images/angular/closeBtn.gif") !important;
		width: 24px;
		height: 30px;
	}

	.portlet > .portlet-title > .actions .btn-icon-only.btn-default > i {
	  font-size: 30px;
	  margin-top:30%;
	}
	.portlet.light > .portlet-title > .actions .btn-icon-only {
	  height: 50px;
	  width: 50px;
	}
}*/

.dropdown-menu {
	z-index: 1100;
}

.multiselect-parent {
	width: 100% !important;
}
.multiselect-parent .dropdown-toggle {
	width: 100% !important;
}
.advance .multiselect-parent button {
	width: 250px;
	text-align: left;
	white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}

.advance-multiselect .multiselect-parent button {
	width: 305px !important;
	text-align: left;
}

.advance-multiselect .multiselect-parent ul {
	width: 305px !important;
	text-align: left;
}

.advance .dropdown-menu {
	width:100%;
	z-index: 100 !important;
}

.advance-lg .dropdown-menu {
	width:125%;
}

.dashboard-grid-height {
	height: 201px !important;
}

.emptyGridText {
    position: absolute;
    top : 80px;
    width: 100%;
    text-align: center;
}

.empty-label {
	display: block !important;
	height: 15px;
	width: 15px;
	border-radius: 50%;
}

.leaveTypeColor {
	opacity: 0;
	height: 28px;
	width: 28px;
  }
  
div #colorWrapperr {
	height: 28px;
	width: 28px;
	position: fixed;
	border-radius: 50%;
	border: 2px solid grey;

  }

.company-grid {
    height: 35% !important;
}

.borderCls {
	border: 1px dashed black;
}
.page-logo .select2-drop.select2-with-searchbox.select2-drop-active {
	min-width : 150px;
}

.salary-dropdown .select2-container .select2-choice{
	border: 1px solid #e5e5e5 !important;
}

.glyphicon {
    padding-right: 3px;
    cursor: pointer;
}

.admin-timeentry-grid {
	min-height: 210px;
    overflow-y: auto;
}

.ledgeraccount-grid {
  height: 40% !important;
}

.inboundInvoiceScrollImg {
	overflow: auto;
	position: absolute;
	max-width: 95%;
	background-color: rgba(129, 129, 130, 0.75);
	padding-top: 1%;
	padding-bottom: 2%;
	left: 4px;
    top: 31px;
}

.expenseClaimScrollImg {
	overflow: auto;
	position: absolute;
	max-width: 95%;
	background-color: rgba(129, 129, 130, 0.75);
	padding-top: 1%;
	padding-bottom: 2%;
	left: 4px;
    top: 31px;
}

.previewImgDiv {
	overflow: auto;
	background-color: rgba(129, 129, 130, 0.75);
	padding-top: 1%;
	padding-bottom: 2%;
}

.thumbnailWidth {
	width: 130px !important;
	margin: 2px !important;
}

@media (min-width: 1224px) {
	.thumbnailWidth {
		width: 160px !important;
	}
}

#sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* width: 450px;  */
}
#sortable li {
	/* margin: 3px 3px 3px 0;  */
	padding: 1px;
	float: left;
	/* width: 100px;
	height: 90px; */
	/* font-size: 4em; */
	text-align: center;
}

.showDivCls {
	z-index : 100;
}

.hideDivCls {
	z-index : -1;
}

.cus-padding-right-3px {
	padding-right:3px !important;
}

.thumbnail-border-cls {
	border:1px solid #D4D4D4 !important;
}

.tableHeaderBottomBorder > thead > tr > th {
	border-bottom: 1px solid #ddd !important;
}

.colorRed {
	color: red;
}

.colorGreen {
	color: #1CAF9A;
}

.flexi-group {
    padding-right: 40px;
    width: 100%;
    display: block;
}

.flexi-group .input-group-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: auto;
}

#inboundInvoiceDetails .form-group {
	margin-bottom: 12px;
}

#expenseDetails .form-group {
	margin-bottom: 12px;
}

a.thumbnail.thumbnail-border-cls.active {
    /* border: 1px solid #D12610 !important; */
    background-color: #179D81;
}

@media (min-width: 767px) and (max-width: 817px), (min-width: 481px) and (max-width: 628px) {
	.header-margin {
		margin-top: 15px !important;
	}
}

.default-btn:hover,
.default-btn:focus {
  background-color: #b1b1b1;
}

.list-styles {
     padding-bottom: 10px;
}

@media (min-width: 992px) {

	.main-widget {
		padding-left:12px;
		padding-right :0;
	}
}

.main-portlet {
      margin-bottom: 10px !important;
}

@media (max-width: 480px) {

	.mainTabView {
		margin-top: 80px;
	}
	.portlet-bottom {
		margin-bottom: -45px;
	}
	.finalize {
		bottom :7px;
	}
	.adminentry {
		margin-top:22px !important;
	}

	.switchStatusButton {
        padding-left: 65px;
    }

    .orgNoPadding > div > input {
    	width:35px;
    }
}

@media (max-width: 360px) {

	.mainTabView {
		margin-top: 100px;
	}
	.portlet-bottom {
		margin-bottom: -45px;
	}
}

@media (max-width: 414px) {

	.mainTabView {
		margin-top: 122px;
	}
	.portlet-bottom {
		margin-bottom: -45px;
	}
}

@media (max-width: 768px) {

	.portlet-bottom {
		margin-bottom: -45px;
	}

    .exportIcons {
    	display:block;
    	padding-left:11px;
    }

    .exportButtons {
        display:none;
    }

    .runReportButtons > #btn-groupId  {
    	display:none;
    }

    .runReportButtons > #btn-iconGroupId {
    	display:block;
    	padding-left:11px;
    }

    .button-padding {
    	padding-top:5px;
    }
}

@media (max-width: 600px) {

	.portlet-bottom {
		margin-bottom: -45px;
	}
}

@media (min-width: 800px) {

	.portlet-bottom {
		margin-bottom: -45px;
	}
}

@media (max-width: 990px) {
	.marginForParemeter {
		margin-bottom: 3px;
	}
}

.bold-style {
	font-weight:bolder !important;
}

.expand .sub-menu{
	display: block !important;
}

.menu-search {
	width: 84%;
	margin-left: 10px;
	margin-top: -35px;
}

.sidebar-toggler {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

@media (max-width: 990px) {
	.menu-search {
		width: 90%;
		margin-top: 8px;
	}
}

.menu-search i {
	margin-top: 8px;
}

.menu-search input {
	background-color: transparent;
	border-color: transparent;
	border-bottom-color: white;
	color: white;
	border: 0px;
	border-bottom: 1px solid white;
	margin-bottom: 10px;
}

.enableMainMenuFocus {
	background-color: #27272B !important;
}

.enableSubMenuFocus {
	background-color: #414247 !important;
}

.ui-grid-routines {
	font-size: 9px;
}

.ui-grid-routines i {
	margin-top: 1px;
	display: inline-block;
}

.ui-grid-routines span {
	margin-bottom: 5px;
}

.altinnLogo {
	background: url("../images/angular/altinn-logo.jpg") no-repeat;
}

.ui-grid-reports {
	height: 65% !important;
}

.leftPadding {
	padding-left: 3px;
}

treecontrol > ul > li {
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
}
.bankAccountCombo {

	display: inline-block;
	width: 100px
}
.fourDigitCombo {

	display: inline-block;
	width: 40px
}
.tenDigitComboNo {

	display: inline-block;
	width: 80px
}
.comboName {

	display: inline-block;
	width: 110px
}

.ui-grid-footerTemplate {
	font-size: 14px;
	padding: 5;
}

.modalDialog {
  overflow-y: hidden !important;
}

.pdfViewerModalContent {
	background: transparent;
	height: 100%;
}

.pdfViewerModal {
	overflow-y: hidden !important;
	height : 100%;
}

.pdfCloseIcon {
	font-size: 20px;
}

.invoiceFinalizeBtn {
	margin-top: 6px;
}

.pdfViewerOpacity {
	/* background-color: rgba(220, 220, 220, 0.5); */
	background-color: rgba(129, 129, 130, 0.35)
}

body > .modal > div > div {
    background-color: transparent;
    box-shadow: none;
}

body > .modal .modal-lg {
    width: 100%;
    margin: 0px !important;
}

body > .modal .modal-md > div {
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}

body > .modal .modal-md > div {
	height :180;
}

body > .modal .modal-md > div > .modal-footer{
	display : block !important;
}

.show-footer.modal-footer {
       display: block !important;
}

.btn-group-height-34 {
	height: 34px;
}

.gridHeaderTxtAlignRight {
	text-align: right;
}

.PortletContent strong {
  display: inline-block;
  width: 150px;
  text-align: left;
}

.PortletContent-contactPerson strong {
  display: inline-block;
  width: 100px;
  text-align: left;
}

.PortletContent span{
	padding :0px 20px 0px 20px;
}

.PortletContent-contactPerson span {
	padding :0px 20px 0px 20px;
}

.portletContent-name {
	font-weight: bold;
}

.multiselect-label .ui-select-container{
	width :100% !important;
}

.multiselect-label .ui-select-search {
	width: 100% !important;
}

.select2-search-field{
	width :100% !important;

}

.active-btn-width {
	width: 70px;
}

.greenBtn {
  color: #FFFFFF;
  background-color: #1BBC9B;
}
.greenBtn:hover, .greenBtn:focus, .greenBtn:active, .greenBtn.active {
  color: #FFFFFF;
  background-color: #179d81;
}

.blueBtn {
  color: #FFFFFF;
  background-color: #0D638F;
}
.blueBtn:hover, .blueBtn:focus, .blueBtn:active, .blueBtn.active {
  color: #FFFFFF;
  background-color: #1E78A7;
}

.portlet > .portlet-title {
	height: initial;
}

@media (max-width: 768px) {
	.assignActivityBtnPadding {
		padding-top: 0px !important;
		display: block !important;
	}
}

.assignActivityBtnPadding {
	padding-top: 100px;
	display: inline-table;
}

@media (max-width: 768px) {
	.assignSalaryCodeBtnPadding {
		display: block !important;
		padding: 3px;
	}
}

.assignSalaryCodeBtnPadding {
    display: inline-table;
    padding-top: 30px;
}

.customerAddress {
    max-height: 100px;
    overflow :auto;
    overflow-wrap: break-word;
}

.customerSelect {
	padding-right: 80px;
}

.fileDropLabel {
	bottom: 100px;
	text-align: center;
	display: block;
	position: relative;
}

/* Hidden at mobile mode */
@media (max-width: 600px) {

	.hiddenMobileMode {
		display: none;
	}
}

.padding-right-0 {
  padding-right: 0px !important;
}

.form-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.flexi-btn {
	float: right;
	padding-right: 37px;
	z-index: 1;
}

.highlightDropBox {
    background-color: #f5f5f5;
}

.invoiceTransportMedium {
	padding : 8px;
}

.verticalAlignMiddle {
	vertical-align: middle;
}

.reset-button-right {
	margin-right : 6px;
}

.reset-button-salaryHistory {
	margin-top : 17px;
	margin-right: 27%;
}

.reset-button-ocr {
	margin-top : 17px;
	margin-right: 20%;
}

.reset-button-cremul {
	margin-top : 17px;
	margin-right: 21%;
}

.img-product {
	min-width:30%;
	max-width:40% !important;
	min-height:40%;
	max-height:50%;

}

div.ui-grid-cell input[type="checkbox"] {
    margin: 0px 0 0 6px;
}

.filter-icon-margin {
	margin-left : -4px;
}

.modal-open {
  overflow-y: hidden !important;
}

.modal-dialog {
	margin: 0px;
}

.modal-header {
  	text-align : center;
  	max-height: 60px;
}

.modal-body {
 	overflow: auto;
 	max-height: calc(100% - 63px);
}

.modal-footer {
 	display: none;
}

.modalClose {
	float: left;
   	display: block;
}

.modalSave {
	float: right;
	margin-right: 5px;
    display: block;
}

.iconPaddingRight {
	padding-right: 3px;
}

.popup-close-button {
	display: none;
}

@media (min-width: 768px) {

	.modal-dialog {
  		 margin: 30px auto;
	}

	.modal-header {
  		 text-align : left;
	}

	.modal-body {
	 	overflow: auto;
    	max-height: calc(100% - 185px);
	}

	.modal-footer {
  		 display: block;
	}

	.modalClose {
		display: none;
	}

	.modalSave {
		display: none;
	}

	.popup-close-button {
		display: initial;
	}

	.exportIcons {
    	display:none;
    }

    .exportButtons {
    	display: block;
    }

    .runReportButtons > #btn-iconGroupId {
    	display: none;
    }

    .runReportButtons > #btn-groupId  {
    	display: block;
    }

	body > .modal .modal-md > div > .modal-body{
	    max-height: calc(100% - 63px);
	}
}

@media (max-width: 480px) {

	body > .modal .modal-md > div > .modal-footer{
		display : block !important;
	}
}

.gridFooterTxtAlignRight {
	text-align: right;
}

.TimeEntryTime{
	float:left;
}

.padding-0 {
	padding: 0px;
}

@media (min-width: 992px) {

	.lineItemMinWidth {
        min-width: 800px;
	}
	.runReportButtons {
		padding-left: 18%;
	}
}

@media (min-width: 1024px) and (max-width: 1300px) {

	.lineItemMinWidth {
        width :80%;
		margin: 40px auto !important;
	}
}

@media (min-width: 1300px) {
	.lineItemMinWidth {
        width :70%;
        margin: 40px auto !important;
    }
}

.isPaidSwitch {
	float: left;
	padding-right: 15px;
}

.paymentModeSwitch {
	display: table;
}

.portletDisabled {
	background-color: lightgray !important;
	pointer-events: none !important;
}

.inboundInvoiceThumbnailImg {
	max-width: 90%;
	margin: 1% 5% 0 5%;
}

.previewImg {
	max-width: 90%;
	margin: 1% 5% 0 5%;
}

.inboundInvoiceNavbar {
	min-height: initial !important;
	margin-bottom: 0px;
}

.inbInbLineItemMaxGridHeight {
	max-height: 200px !important;
}

.widgetBtn {
    top: 5px;
    right: 16px;
}

@media (max-width: 768px) {
	.widgetBtn {
		/* top: 21px; */
		right: 11px;
	}
}

.widgetBtnWithConfig {
    top: 16px;
    right: 55px;
}

@media (max-width: 768px) {
	.widgetBtnWithConfig {
		top: 21px;
		right: 50px;
	}
}

@media (max-width: 740px) {
    .hidden-740 {
        display: none !important;
    }
}

/* start of margin align css*/
@media (max-width: 992px) {

    .col-md-padding {
        padding: 0px !important;
    }
    .col-lg-padding {
        padding: 0px !important;
    }
    .tool-padding {
    	padding: 5px 0px 5px 0px !important;
    }
}

@media (min-width: 992px) {

    .col-md-padding {
        padding: 0px !important;
        padding-right: 5px !important;
    }
    .col-lg-padding {
        padding: 0px !important;
        padding-right: 20px !important;
    }
}

.portlet {
	margin-bottom: 20px !important;
}

.form-horizontal .form-group {
	margin-right: 0px;
	margin-left: 0px;
}
/* end of margin align css*/

.productUnitCombo {
	width:100%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tab-button-right {
	display: inline-block;
    padding: 0;
    margin: 0;
    margin-top: -6px;
    float: right;
}

@media (max-width: 767px) {
	.top-header .nav > li > .dropdown-menu.notification.myProfileMenu-align {
		margin-right: -80px;
	}

	.top-header .nav > li > .dropdown-menu.notification.myProfileMenu-align:after,
	.top-header .nav > li > .dropdown-menu.notification.myProfileMenu-align:before {
		margin-right: 85px !important;
	}

	.top-header .nav > li > .dropdown-menu.notification.manageMenu-align {
		margin-right: -125px;
	}

	.top-header .nav > li > .dropdown-menu.notification.manageMenu-align:after,
	.top-header .nav > li > .dropdown-menu.notification.manageMenu-align:before {
		margin-right: 130px !important;
	}
}

@media (min-width: 992px) {
	.msgPadding {
	    padding-left: 60px;
	}
}

.registerEntryTable > thead > tr > th, .registerEntryTable > tbody > tr > th, .registerEntryTable > tfoot > tr > th, .registerEntryTable > thead > tr > td, .registerEntryTable > tbody > tr > td, .registerEntryTable > tfoot > tr > td {

	line-height: 1 !important;
}

.registerEntryTable, .registerEntryTable th {
	font-size: small !important;
}

.registerEntryTableDiv {
    overflow-x: auto;
    margin-left:350px;
}

.registerEntryTable-fixedColumn {
    position:absolute;
    width:350px;
    left:0;
    top:auto;
    margin-top: -1px;
    height: 32px;
    border-right: 0 !important;
}

.registerEntryTable > thead > tr:first-child > .registerEntryTable-fixedColumn {
	height: 60px;
	border-top: 1px solid #ddd !important;
}

.registerEntryTable > tbody > tr:not(:first-child) > .registerEntryTable-fixedColumn {
	border-top: 0 !important;
}

.registerEntryTable > tfoot > tr:first-child > .registerEntryTable-fixedColumn {
	border-top: 0 !important;
}

@media (max-width: 415px) {

	.registerEntryTableDiv {
    	margin-left:200px;
	}

	.registerEntryTable-fixedColumn {
	    width:200px;
	}
}

@media (min-width: 1224px) {

	.registerEntryTableDiv {
    	margin-left:500px;
	}

	.registerEntryTable-fixedColumn {
	    width:500px;
	}
}

.registerEntryTable-expandable a, .registerEntryTable-non-expandable a {
	text-decoration: none;
}

.registerEntryTable-expandable a .groupValueSpan {
	width: 90%;
	font-weight: bold;
}

.registerEntryTable-non-expandable a .groupValueSpan {
	font-weight: bold;
}

.groupValueSpan, .registerEntryTable-non-expandable > span {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: inline-block;
}

.groupValueSpan:hover {
	text-decoration: underline;
}

.inbInvAmtTable-body-style > tr > td {
	 width:31% !important;
	 font-size:12px!important;
	 height: 0px !important;
	 vertical-align: middle!important;
	 background-color: #eeeeee!important;
 }

.inbInvAmtTable-header-width {
	 width:35%;
}

.inbInvAmtTable-header-lineheight > thead > tr > th,
	.inbInvAmtTable-header-lineheight > tbody > tr > th,
	.inbInvAmtTable-header-lineheight > tfoot > tr > th,
	.inbInvAmtTable-header-lineheight > thead > tr > td,
	.inbInvAmtTable-header-lineheight > tbody > tr > td,
	.inbInvAmtTable-header-lineheight > tfoot > tr > td {
	    line-height: 0.42 !important;
	    margin-bottom: 0px !important;
	}

.inbInvAmtLabel-fontSize {
	font-size:12px;
}

.inbInvAmtLabel-header-fontSize {
	font-size:12px;
	margin-bottom: 0px !important;
}

.notApprovedCellEdit + div input {
	height: 100%;
	padding: 3px;
}

#lineItemGrid {
	position: relative;
    z-index: 3;
}

.page-sidebar.navbar-collapse.collapse {
	height: 100% !important;
}

.headerMenuHide {
	display : none;
}

.noPaddingLeftCls {
	padding-left: 0px !important;
}

.textColor {
	color: white;
}

.textColor:hover, .textColor:focus {
  color: white;
}

.dropdown.open .dropdown-toggle {
    color: white;
}

.ui-select-placeholder {
   border: 1px solid #aaa;
   border-radius : 4px 4px 0px 0px;
}

.invoiceLogo {
	background: url("../images/angular/invoice_mobile.jpg") no-repeat;
	width: 231px;
    height: 231px;
    margin-left: auto;
    margin-right: auto;
}

.emptyInvoiceText {
	margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    font-size: 12px;
}

@media (min-width: 992px) {

	.invoiceLogo {
		background: url("../images/angular/invoice.jpg") no-repeat;
		width: 512px;
	    height: 512px;
	}
	.emptyInvoiceText {
	    font-size: 16px;
	}
}

.adminEntryButton {
    display: inline-flex;
    vertical-align: bottom;
}

.clear-button {
 	width: 12px;
    height: 12px;
    position: absolute;
    right: 24px;
    top: 8px;
    font-size: 1px;
    text-decoration: none;
    border: 0;
    background: url(../images/select2.png) right top no-repeat;
    cursor: pointer;
    outline: 0;
}

.uiGridBtnDisplay {

	display: inline-block;
	width: 100%;
}


.requiredUiSelect .select2-container .select2-choice{
	border: 1px solid #a94442 !important;
}

.datePickerAppend {
	z-index: 50000;
}

.reportDate .datePickerAppend {

	z-index: 50000;
	position: fixed;
	left: auto !important;
    top: auto !important;
}

#draggable-element {

	min-width: 300px;
	max-width: 300px;
	max-height: 250px;
	background-color: #adeaa8;
	color: black;
	cursor: pointer;
	position: absolute;
	z-index: 115;
	word-wrap: break-word;
    overflow: auto;
    font-family: Arial;
	left: 5px;
    top: 35px;
}

#dragHeader {

	background-color: #a7dea2;
    width: 100%;
    height: 22px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 4px;
    /* font-family: cursive; */
    font-size: initial;
}

.remarksHistory {

	padding: 7px;
	padding-top: 6px;
    padding-bottom: 6px;
	border-bottom: 1px solid #171515;
}

#draggable-err-element {

	min-width: 300px;
	max-width: 300px;
	max-height: 250px;
	background-color: #ff000014;
	color: black;
	cursor: pointer;
	position: absolute;
	z-index: 115;
	word-wrap: break-word;
    overflow: auto;
    font-family: Arial;
	right: 5px;
    top: 5px;
}

#dragErrHeader {
	background-color: #ff000014;
    width: 100%;
    height: 22px;
    padding-top: 4px;
    padding-right: 5px;
    padding-left: 4px;
    font-size: initial;
}

.payment-invalid-err-msg {
    padding: 7px;
}

.searchIcon {
	position: absolute;
    right: 44px;
    top: 0;
}

#dropFile {

	padding: 0px !important;
	position: relative;
}

.arrow-right-select > .dropdown-multiselect > .dropdown-toggle > span {
    float : right;
    position: absolute;
    top: 15px;
    right: 8px;
}

.participantContent {
	overflow-x: auto;
	overflow-y: auto;
}

@media (max-width: 415px) {
	.tabViewWidth .multiselect-parent button{
		width: 371px;
	}
}

@media (max-width: 770px) and (min-width: 767px) {
	.tabViewWidth .multiselect-parent button{
		width: 351px;
	}
}

.timeTrackerComments {
	font-size: 18px;
	margin-top: 5px;
}

.formulaFilterIcon {
	background: white !important;
}

.customTabdrop{
	position : relative !important;
}

.fileViewerImage {
	width: 51%;
    margin-top: 0.5%;
    margin-bottom: 0.5%;
}

@media (max-width: 992px) {
	.fileViewerImage {
		width: 90%;
	}
}

.fileViewerHeader {
	border-bottom: transparent !important;
	text-align: right !important;
	padding: 6px;
	padding-right: 0px;
	background-color: #242527;
}

.creditNote {
	color: red;
}

.companyFeaturesGrid-height {
	padding: 0px;
	height: 350px !important;
}

.fileViewerBody {
	height: calc(100% - 45px) !important;
	max-height: none;
	padding: 6px;
}

.timeEntriesComments {
	color: lightgray;
}

.noDataMsg {
	text-align: center;
}

.nav-tabs > li.active > a, .nav-tabs > li > a, .select2-choice, .dropdown-menu  {
	cursor: pointer !important;
}

.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell {
 	background-color: #F0F8FF;
 }

.expandableRow .ui-grid-header-cell-row {
	background-color: #C3DAEF;
}

.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell {
   background-color: #F0F8FF;
 }
 .ui-grid-row{
	clear: both;
	height: 0;
}
.calendarIcon {

	cursor: pointer;
	padding: 0 1.5% 2% 0;
	width:0%;
}

.account-balance-card {
	min-width: 184px;
    padding: 6px;
}

.calendarDateField {

	cursor: pointer;
	background-color:white;
	width:74%;
	margin-left: 11px;
	font-size: 10px;
}

.live-account-detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	padding-top: 2px;
	max-width: 97px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ui-select-bootstrap .ui-select-choices-row.active> a:hover {

   background-color: #EEEEEE !important;
   color: #333333 !important;
}

.ui-select-bootstrap .ui-select-choices-row.active>a {

     background-color: #EEEEEE !important;
     color: #333333 !important;
}

/* Fix Bootstrap dropdown position when inside a input-group */
.input-group > .ui-select-bootstrap.dropdown {
  /* Instead of relative */
  position: static;
}

.input-group > .ui-select-bootstrap > input.ui-select-search.form-control {
  border-radius: 4px; /* FIXME hardcoded value :-/ */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.ui-select-bootstrap > .ui-select-match {
  /* Instead of center because of .btn */
  text-align: left;
}

.ui-select-bootstrap > .ui-select-match > .caret {
  position: absolute;
  top: 45%;
  right: 15px;
}

/* See Scrollable Menu with Bootstrap 3 http://stackoverflow.com/questions/19227496 */
.ui-select-bootstrap > .ui-select-choices {
  width: 100%;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
  box-shadow: none !important;
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto;
  padding: .3em;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
  background-color: transparent !important; /* To prevent double background when disabled */
  border: none;
  outline: none;
  height: 1.666666em;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  font-size: 1.6em;
  line-height: 0.75;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{
  outline: 0;
}

.ui-select-bootstrap .ui-select-choices-row>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

.ui-select-bootstrap .ui-select-choices-row>a:hover, .ui-select-bootstrap .ui-select-choices-row>a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}

.ui-select-bootstrap .ui-select-choices-row.active>a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}

.ui-select-bootstrap .ui-select-choices-row.disabled>a,
.ui-select-bootstrap .ui-select-choices-row.active.disabled>a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}

/* fix hide/show angular animation */
.ui-select-match.ng-hide-add,
.ui-select-search.ng-hide-add {
    display: none !important;
}

/* Mark invalid Bootstrap */
.ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
    border-color: #D44950;
}

.statusColor {
	background-color: orange;
}

@media (min-width: 768px) {
.form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align:left;
	}
}

.img-des {
	width : 100%;
	height : 28px;
}

.efhHtml {
	background: rgb(208, 221, 231);
	max-width: 90%;
	margin: 1% 5% 0 5%;
	padding: 2%;
	font-size: 1vw;
	overflow: auto;
}

.productDashletsAlign {
	margin-top: -9px;
}

.timeEntryDateCheckbox {
    padding-left:8px;
}

.PortletContent-profile .salaryEmployeeInfo {
  	display: inline-block;
	width: 150px;
  	text-align: left;
}

.PortletContent-profile .colon {
	padding :0px 20px 0px 20px;
}

.expandableRow .ui-grid {
    min-height: 0px;
}

.arrow-right-select > .dropdown-multiselect > .dropdown-menu-form > .divider {

    position: static;
    left:50%;
    top:10%;
    bottom:10%;
    border-left:1px solid black;
}

.prepaidText {
	font-size: 16px !important;
	font-weight: bold;
}

@media (min-width: 991px) and (max-width: 1052px) {
	.creditAcc {
		padding-top: 24px;
		right: 32px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.creditAccountlabel {
		padding-top: 21px !important;
	}
}

.hoverButton {
	border-radius: 10px !important;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.altinn-loader-text {
	position: absolute;
    left: 50%;
    top: 55%;
    margin-left: -32px; /* -1 * image width / 2 */
    margin-top: -32px;  /* -1 * image height / 2 */
    display: block;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#btn-groupId {
		padding-left :15px;
	}
}

.payReqImageViewer {
	overflow: auto;
    position: absolute;
    background-color: rgba(129, 129, 130, 0.75);
    padding-top: 1%;
    padding-bottom: 2%;
    width: 100%;
}

.popup-dropdown-menu {
	z-index: 10050 !important;
}

.ui-grid-colorClsRed {
    position: absolute;
    top: 2px;
    width: 4px;
    left:0;
    bottom: 2px;
    background-color : red;
}

.ui-grid-colorClsGreen {
    position: absolute;
    top: 2px;
    width: 4px;
    left:0;
    bottom: 2px;
    background-color : #1ABC9C;
}

.timeEntryPopOver {
	border: none !important;
	background: none !important;
	width: 100% !important;
	padding: 7px !important;
	font-size: small !important;
	text-align: right !important;
	display: block !important;
	color: black !important;
	text-decoration: none !important;
}

.timeEntryTable {
	padding: 0px !important;
	vertical-align: inherit !important;
}

.timeEntryTable > .popover {
    max-width: 213px !important;
	height: 115% !important;
}

.pilotRunPopover {
    max-width: max-content !important;
	height: 40px !important;
}

.listDivider {
	border-bottom: 1px solid #ebebeb;
}

.timeEntryAdvancedbtn {
	margin-right: 30px;
}

.timeEntry-change-popover-size {
	max-width: 100px !important;
	border: none !important;
	box-shadow: none !important;
	height: 42px !important;
}

.timeEntryNewBtnColor {
	color: #295fb0 !important;
}

.timeEntryListBadge {
	position: relative !important;
	right: 0px !important;
	left: 4px !important;
	background-color: #45b6af !important;
}

.salaryCodeIcon {
	color: #333;
    background-color: #e6e6e6 !important;
    border-color: #adadad !important;
}

.salary-icon {
	height: 50px !important;
	min-width: 70px !important;
}

.salary-icon > .icon:before {
	font-size: 29px; !important;
}

@media only screen and (max-width: 992px) {
	.overview-float-right {
		float: right;
	}
}

.marginTimeEntryGroupValue {
	margin-left: 21px;
}

.gridHeaderTextAlignCenter {
	text-align: center;
	font-family: Arial;
	font-size: 16px !important;
	font-weight: 400;
}

@media (min-width: 768px) and (max-width: 991px) {
	.salaryUserAccountInfo {
		height: 420px !important;
	}
}

.mfb-component__wrap {
    padding: 0px;
    margin: 0px;
}

.reasonIconAlignment {

	color: #ccc;
    width: 16px;
    font-size: 16px;
	float: right;
}

.statusfieldAlignment {

	margin-left: 4px;
    margin-top: 4px;
}

.invoiceLineItemDimensions {

	min-width: 300px;
	max-width: 450px;
	width: auto !important;
	height: auto !important;
}

.hideDimensionsTab {

	pointer-events: none;
    opacity: 0.6;
}

.invoiceLineItemDimensionsPopover > table td, .invoiceLineItemDimensionsPopover > table th{

	border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
    font-size: 12px;
}

.timeEntryPopOverForGrid {
	border: none !important;
	background: none !important;
	width: 100% !important;
	padding: 5px !important;
	font-size: 12px !important;
	text-align: right;
}

@media (min-width: 992px) {
	.modal-large {
		width: 900px;
    	margin-left: -25%;
	}
}

@media (min-width: 480px) {
	.header-inner > .page-logo {
		width: 45%;
	}
}

@media (max-width: 480px) {
	.header-inner > .page-logo {
		width: 55%;
	}
}

#companyUISelect > .select2-drop {
	width: 195px;
}

#companyUISelect > .select2-choice .select2-arrow {
	display: none;
}

.finalizedDaysColor {
	background: #edebeb !important;
	color: #a7a7a7 !important;
}

.rounding-cell {
	padding: 0px !important;
}

.rounding-input {
	font-size: 12px;
	padding-right: 8px;
}

.comboIcon {
    position: absolute;
    right: 0;
    top: 0;
    padding: 9px;
    padding: 7px 4px 9px 4px;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.comboButton {
	width: 100%;
	text-align: left;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	/*border: 1px solid #aaa;*/
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
    background-image: linear-gradient(top, #fff 0%, #eee 50%);
    border-color: #aaa;
}

.comboGrid .searchComboGrid {
	border-bottom: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}

.comboGrid .dropdown-menu {
	width:137%;
	height:250px;
	border: #999999 solid 1px;
	padding: 4px;
	padding-bottom: 16px;
}

#tab_inbound_invocie_dimension .comboGrid .dropdown-menu {
	width:100% !important;
}

.lineItemProject .dropdown-menu {
	width:100% !important;
	margin-left: 10px;
}

@media (max-width: 991px) {
	.comboGrid .dropdown-menu {
		width:135%;
	}
}

li.mfb-component__wrap [data-mfb-label]:after {
	opacity: 1 !important;
}

li.mfb-component__wrap > [data-mfb-label]:after {
    opacity: 0 !important;
}

li.mfb-component__wrap:hover > [data-mfb-label]:after {
    opacity: 1 !important;
}

@media (min-width: 992px) {

	.floatingMenuDesktopMode {
		display: block  !important;
	}

	.floatingMenuDesktopMode-inline-block {
		display: inline-block  !important;
	}

	.floatingMenuMobileMode {
		display: none  !important;
	}
	.floatingMenuMobileMode-inline-block {
		display: none !important;
	}
}

@media (max-width: 991px) {

	.floatingMenuDesktopMode {
		display: none  !important;
	}

	.floatingMenuDesktopMode-inline-block {
		display: none  !important;
	}

	.floatingMenuMobileMode {
		display: block  !important;
	}
	.displayInlineBlock {
		display: inline-block  !important;
	}
	.searchBtn-mobile-tab-mode {
		display: inline-block;
    	width: 36%;
	}
	.searchBtn-width-mobile-tab-mode{
		width: 141% !important;
	}
	.floatingMenuMobileMode-inline-block {
		display: inline-block  !important;
	}
}

.select2-drop {
	z-index:9990;
}

.select2-drop-altinn-fetch {
	z-index:10050;
}

.ui-grid-viewport {
  overflow-anchor: none;
}

.thumbnailRightClickMenu ul{
	top:65px;
	left:70px;
	min-width: 85px !important;
}

.thumbnailRightClickMenu ul li{
	width:50% !important;
	text-align:left !important;
}

.thumbnailRightClickMenu ul li a i{
	padding-right: 10px;
}

.genrateLedgerButton {
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ng-table-pager {
    display: none;
}

.miscZeroTimeEntryCls {
	background-color : #c6d5b6 !important;
	padding: 0px !important;
}

.miscTimeEntryCls {
	background-color : #97ab81 !important;
	padding: 0px !important;
}

.slideTemplate {

    height: 99%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    background-color: white;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    margin: 2px;
}

.slideTemplate .closeSlide {

    position: absolute;
    top: 20px;
    right: 7px;
    font-size: 36px;
    margin-left: 50px;
	cursor:pointer;
}

.slidePanel {

	position: absolute;
    top: 0;
    width: 100%;
    background-color: white;
}

@media screen and (max-height: 450px) {
  .slideTemplate {padding-top: 60px;}
}

.slidePanelFooter {

	position: absolute;
	width: 100%;
	bottom: 0;
}

.slidePanelBody {

	overflow-y: auto;
	height: 89%;
}

.unitsAddOnField {

    width: 50%;
    text-align: left;
    background-color: #eeeeee !important;
    cursor: not-allowed;
}

.materialsComboGrid {
	width: 182% !important;
	left: -70%;
}

@media (max-width: 991px) {
	.materialsComboGrid {
		width:100% !important;
		left:0;
	}
}

@media (max-width: 415px) {

	.calenderPickerAligment {
    	width: 100px;
		display: -webkit-inline-box;
	}

	.weeklyEntryCalendarIcon{
		display: none;
	}

	.leftSideNav {
		cursor: pointer;
		vertical-align: 5px;
	}

	.rightSideNav {
		cursor: pointer;
		vertical-align: 5px;
	}
}

.weeklyEntryCalendarIcon{
	vertical-align: 2px;
}

.leftSideNav {

	cursor: pointer;
	padding-right:5%;
	font-size: 25px;
}

.rightSideNav {

	cursor: pointer;
	padding-left:5%;
	font-size: 25px;
}

.popOverOptions {
	font-size: 18px;
}

.approvedColorCode {
	background-color : #B8D0AE !important;
	padding: 0px !important;
}

.notApprovedColorCode {
	background-color : #D0913E !important;
	padding: 0px !important;
}

.partiallyApprovedColorCode {
	background-color : #C5B7FD !important;
	padding: 0px !important;
}

@media (min-width: 768px) {

	.weeklyEntriesAssignPortlet {
		width: 65%;
	}
	.weeklyEntriesAssignActivity {
		width: 46%;
	}
	.weeklyEntriesAvailableActivity {
		width: 46%;
		margin-left: 1%
	}
}

@media (max-width: 472px) {

	.weeklyEntriesAvailableActivity {
		width: 35% !important;
	}
}

@media (max-width: 813px) {

	.weeklyEntriesAssignActivity {
		width: 40% !important;
	}
	.weeklyEntriesAvailableActivity {
		width: 40%;
	}
}

@media (max-width: 1082px) {
	.weeklyEntriesAvailableActivity {
		width: 45%;
	}
}

@media (max-width: 998px) {

	.weeklyEntriesAssignActivity {
		width: 44%;
	}
	.weeklyEntriesAvailableActivity {
		width: 44%;
	}
}

.assignActivityFromWeeklyEntry {

	padding-top: 100px;
	display: inline-table;
	margin-left: -2%;
	margin-right: -2%;
}

.ui-grid-sr-only {

    width: 20px !important;
    height: 15px !important;
}

.ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-close-button {

	position: relative;
	float: right;
}

.ui-grid-header-cell {
	float: left ! important;
}

.ui-grid-footer-cell {
	float: left ! important;
	height: 30px ! important;
}

@media (max-width: 991px) {

	.timeTrackerTotal {
		width: 440px !important;
	}
}

@media (max-width: 569px) {

	.timeTrackerTotal {
		width: 200px !important;
	}
}

.considerHoursEntry {

	margin-left: 5px;
    width: 44px;
    border-radius: 0px;
    height: 33px;
    background-color: #eeeeee;
}

@media (max-width: 1600px) {
	.summaryValue {
		width: 60% !important;
	}
	.summaryLabel {
		width: 40% !important;
	}
}

@media (max-width: 412px) {
	.summaryValue {
		width: 70% ! important;
		white-space: normal !important;
		overflow-wrap: break-word !important;
	}
	.summaryLabel {
		width: 30% !important;
	}
}

.ui-grid-column-menu-button-last-col {
    margin-right: 0px !important;
}

.paymentRejectionReasonPopOver {

	max-width: 300px;
	height: auto !important;
}

.salary-details .border-right {
	border-right: 1px solid #000;
}

@media (min-width: 768px) and (max-width: 992px) {
	.salary-details .salary-account {
		padding-right: 0 !important;
	}

	.salary-details .salary-right-details {
		padding-left: 0 !important;
	}

	.salary-details .form-top {
		padding-top: 25px;
	}

	.salary-details .pv-account-top {
		padding-top: 16px;
	}

	.detail-header .form-group .col-md-5 {
		padding: 0;
	}
}

.border-right .right {
	padding-right: 25px;
}

.account-select .right {
	padding-right: 25px;
}

@media (max-width: 768px) {
	.border-right .right {
		padding-right: 0;
	}

	.account-select .right {
		padding-right: 0;
	}
	.salary-details .border-right {
		border-right: none;
	}

	.detail-header {
		display: none;
	}
}

#selectEmployeeLabel {
	text-align: right;
	clear: both;
	float:left;
	margin-top: 8px;
	padding-bottom: 8px;
	padding-top: 2px;
}

#reportDateAltinnLabel {
	text-align: right;
	clear: both;
	float:left;
	margin-right: 6px;
	padding-top: 6px;
}

.ui-grid-column-menu-button-last-col {
    margin-right: 0px !important;
}

.paymentRejectionReasonPopOver {

	max-width: 300px;
	height: auto !important;
	word-break: break-all;
}

@media (max-width: 1199px) {

	.firstGenRemarks {
		margin-left: 12px;
	}
}

.firstGenDropDown {
	display: grid;
}

.margin-bottom {
	margin-bottom: 2px;
}

@media (max-width: 1440px) and (min-width: 992px){

	.labelEllipis {
		/* overflow: hidden; */
	}
}

@media (min-width: 1412px) {

	.labelLineHeight {
		line-height: 2;
	}
}

.font11 {
	font-size: 11px;
}

.marginleft {
	margin-left: -12px;
}

@media (max-width: 1200px) {

	.dropDownClass {
		width: 250px;
	}
}

@media (max-width: 991px) {

	.formHeight {
		height: auto !important;
	}
}

@media (min-width: 992px) and (max-width:1200px) {

	.dropDownClass {
		width: 100%;
		margin-left:12px;
	}
}

.firstGenSelect .select2-container .select2-choice abbr {
    top: 5px;
}

@media (max-width: 430px) {

	.labelEllipis {
		/* overflow: hidden; */
	}
}

@media (max-width: 991px) and (min-width: 555px) {

	.labelOneFloat {
		float: left;
    	margin-left: 269px;
    	margin-top: -92px;
	}
	.labelTwoFloat {
		float: left;
    	margin-left: 269px;
    	margin-top: -46px;
	}
}

.firstGenSelect > .select2 > .select2-choice.ui-select-match {
	height: 25px;
}

.firstGenSelect .select2-container .select2-choice {
	line-height: 25px;
}

@media (min-width: 1200px) {

	.firstGenFormArea {
		width: 350px;
	}
	.firstGenImgArea {
		width: calc(100% - 350px);
	}
	.firstGenSelectMaxWidth {
		max-width:330px;
	}
	.firstGenLabelMaxWidth {
		max-width: 170px;
	}
}


@media (max-width: 800px) and (min-width: 768px) {

	.simpleAttestFlag {
		margin-left:14% !important;
	}
}

@media (max-width: 767px) {

	.simpleAttestFlag {
		float: right !important;
	}
}

#selectEmployeeLabel {
	text-align: right;
	clear: both;
	float:left;
	margin-top: 8px;
	padding-bottom: 8px;
	padding-top: 2px;
}

#reportDateAltinnLabel {
	text-align: right;
	clear: both;
	float:left;
	margin-right: 6px;
	padding-top: 6px;
}

/* SLIDE IN SPRING for 5th child */
.mfb-component--tl.mfb-slidein-spring .mfb-component__list li:nth-child(5),
.mfb-component--tr.mfb-slidein-spring .mfb-component__list li:nth-child(5) {
  transition-delay: 0.25s; }

.mfb-component--tl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(5), .mfb-component--tl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(5),
.mfb-component--tr.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(5),
.mfb-component--tr.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(5) {
  transition-delay: 0.25s;
  -webkit-transform: translateY(350px);
  transform: translateY(350px); }

.mfb-component--bl.mfb-slidein-spring .mfb-component__list li:nth-child(5),
.mfb-component--br.mfb-slidein-spring .mfb-component__list li:nth-child(5) {
  transition-delay: 0.25s; }

.mfb-component--bl.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(5), .mfb-component--bl.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(5),
.mfb-component--br.mfb-slidein-spring[data-mfb-toggle="hover"]:hover .mfb-component__list li:nth-child(5),
.mfb-component--br.mfb-slidein-spring[data-mfb-state="open"] .mfb-component__list li:nth-child(5) {
  transition-delay: 0.25s;
  -webkit-transform: translateY(-350px);
  transform: translateY(-350px); }


/*Inline-block display*/

@media (max-width: 414px) {
	
	.MobileOnly-TabPlusDesktopCommon-Inlineblock {
		display: inline-block !important;
	}	
	.TabPlusDesktopOnly-Inlineblock{
		display : none !important;
	}
}
@media (min-width: 415px) {
		
	.TabPlusDesktopOnly-Inlineblock{
		display : inline-block !important;
	}
	.MobileOnly-TabPlusDesktopCommon-Inlineblock {
		display: none !important;
	}
}

/*block display*/

@media (max-width: 414px) {

	.MobileOnly-TabPlusDesktopCommon {
		display: block !important;
	}	
	.TabPlusDesktopOnly{
		display : none !important;
	}
}
@media (min-width: 415px) {
		
	.TabPlusDesktopOnly{
		display : block !important;
	}
	.MobileOnly-TabPlusDesktopCommon {
		display: none !important;
	}
}

@media (min-width: 992px) and (max-width: 1270px) {
	.syncFromDate {
		width: 110% !important;
		left:32px;
		bottom: 28px;
	}
	.syncToDate {
		width: 110% !important;
		left:30px;
		bottom: 28px;
	}
	.syncTimeEntrySearch {
		position: relative;
		left:40px;
	}
}

/*Multi dropdown styles*/

.third-level-menu {
	width: 169px;
    position: absolute;
    left: -180px;
    margin: 0;
    padding: 8px;
    border: 1px solid black;
    z-index: 1000;
    background-color: white;
    border-radius: 4px !important;
    box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
    border-color: #eee;
    list-style: none;
}

 .third-level-menu > li >ul >li:hover {
 	background: #f3f1f1;
 }
 
 #manageCompany > li:hover {
 	background: #f3f1f1;
 }
 
.second-level-menu {
    position: absolute;
    left: -126px;
    top:-12px;
    width: 150px;
    padding: 8px;
    border: 1px solid black;
    z-index: 1000;
    background-color:white;
    border-radius: 4px !important;
    box-shadow: -5px 5px rgba(102, 102, 102, 0.1);
    border-color: #eee;
    list-style: none;
}

.second-level-menu > li {
    position: relative;
    height: 30px;
}

.second-level-menu > li:hover {
	background: #f3f1f1;
}

.top-level-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

.top-level-menu > li {
    position: relative;
    float: left;
    height: 30px;
    width: 150px;
}

.top-level-menu a {
    color: black;
    text-decoration: none;
    display: block;
    line-height: 30px;
}

.top-level-menu a:hover {
	color: #000000; 
}

/*END...Multi dropdown styles*/

.attestationgrid .ui-grid .ui-grid-header-cell-label {
	font-size: 11px;
}

.attestationgrid .ui-grid .ui-grid-cell-contents {
	font-size: 11px;
}

/*Slide from left to right menu*/

@media (max-width: 991px) {
	
	.slimScrollDiv {
    	height: 100% !important;
	}
	
	.top-header .navbar-nav {
		display : none !important;
	}
	
	.slideMenu-ul-style {
		height: 100vh !important;
    	overflow-x: auto !important;
	}
	
	.sidebar-toggler {
    	display: none;
	}
	
	.page-sidebar.navbar-collapse.collapse {
		display : block !important;
	}
	
	.collapse {
		display : block !important;
	}
	
	.slideMenuToRight {
	    display: block !important;
	    height : auto;	    
	    position: absolute;
		left: -8px;
		top: -44px;
		z-index: 100002;			    
	    -webkit-transition:all 0.4s;
	    -moz-transition:all 0.4s;
	    -o-transition:all 0.4s;
	    transition:all 0.4s;
	}
	
	.slideMenuToleft {
		display: block !important;
	    height : auto;	    
		position : absolute;
	    left: -100%;
	    top: -44px;
	    z-index: 100002;	    
	    -webkit-transition: all 0.5s;
	    -moz-transition: all 0.5s;
	    -o-transition: all 0.5s;	    
	    transition : all 0.5s;
	}
	
	.body-no-scroll {
		height: 100%;
	  	overflow: hidden;
	  	width: 100%;
	  	position: fixed;
	}
}

.display-none-class {
	display: none !important;
}
 
 #menuSlideMasking {
 	position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1050;
    background-color:#F3F3F3;
    opacity: .8;
 }
 
 @media (max-width: 991px) and (orientation: portrait) {
 	
 	.slideMenu-ul-style-Android {
		height: 91vh !important;
    	overflow-x: auto !important;
	}
 }
 
 @media (max-width: 991px) and (orientation: landscape) {
 	
 	.slideMenu-ul-style-Android {
		height: 85vh !important;
    	overflow-x: auto !important;
	}
 }

/*END...Slide from left to right menu*/

/*Ledger group sales and balance report */
#ledgerGroupTransaction .ui-grid-row:nth-child(odd) .ui-grid-cell{
   background-color: inherit;
}

#ledgerGroupTransaction .ui-grid-row:nth-child(even) .ui-grid-cell{
   background-color: inherit;
}

#ledgerGroupTransaction .ui-grid-cell {
	border-bottom: 0px;
	border-right: 0px;
}

#ledgerGroupTransaction .ui-grid-sort-priority-number {
	font-size: 0 !important;
}

.ledgerGroup1 {
  background-color: #7fb5dc !important;
}

.ledgerGroup2 {
  background-color: #bdd8ec !important;
}

.ledgerGroup3 {
  background-color: #e4f0f9 !important;
}

 .companyDropdown {
    position: relative;
    display: inline-block;
}

.companyDropdown .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
}

.companyDropdown:hover .dropdown-menu {
    display: block;
}

.inbInvInboxMinHeight {
	min-height: 365px;
}

.inbInvMinHeight {
	min-height: 325px;
}

.inbInvAccordian > .panel-group .panel-heading + .panel-collapse > .panel-body {
	 padding: 0px !important;
}

.inbInvAccordian > .panel-group .active .panel-heading {
  background-color: #afafaf;
}

.inbInvAccordian > .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 0px !important;
}

.inbInvAccordian  > .panel-group .panel-heading {
  padding: 0px;
}

.inbInvAccordian  > .panel-group .panel-heading .accordionPadding {
  padding: 5px 5px;
}

@media (min-width: 992px) {

	.comboGrid-width {
		width: 105% !important;
	}
}

@media screen and (min-width: 1025px) {
	.pull-btn-right {
		float: right !important;
		margin: 15px 10px 15px 0;
	}
}
@media screen and (max-width: 1024px) {
	.pull-btn-right {
		float: right !important;
		margin: 0px 10px 15px 0;
	}
}


@media (min-width: 1131px) {

	.bankStatements-margin {
		margin-top: 20px;
	}
}

#creditTransactionsGrid .ui-grid-row:nth-child(odd) .ui-grid-cell { background:inherit }
#creditTransactionsGrid .ui-grid-row:nth-child(even) .ui-grid-cell { background:inherit }
#creditTransactionsGrid .ui-grid-tree-header-row { background:#d4d4d4 }

@media (max-width: 768px), (min-width: 992px) and (max-width: 1600px) {

	.dashboardAlerts {
		width: 100% !important;
		float: right;
		padding: 5px !important;
		margin: 0px !important;
		padding-right: 35px !important;
	}
}

@media (min-width: 1601px), (min-width: 769px) and (max-width: 991px) {

	.dashboardAlerts {
		width: 55% !important;
		float: left;
		padding: 5px !important;
		margin-left: 10px !important;
		margin-top: -8px !important;
	    margin-bottom: 0px !important;
	    margin-right: 10px !important;
	    padding-right: 35px !important;
	}
}

/* Altinn fetch */
.altinn-header-border {
	border: 1px solid #d4d4d4;
}
.altinn-fetch-grid-header {
	margin: 0;
	padding: 10px;
	border: 1px solid #d4d4d4;
}
.modal-extra-large {
	width: 1140px;
	margin-left: -40%;
}

.modal-xlarge {
	width: 1140px;
}

 .align-item-center {
	 display: flex;
	 justify-content: center;
}

.nav-tabs.wizard {
	background-color: transparent;
	padding: 0;
	width: 100%;
	margin: 0 auto;
	border-radius: .25em;
	clear: both;
	border-bottom: none;
}
  
.nav-tabs.wizard li {
width: 100%;
float: none;
margin-bottom: 3px;
}

.wizard-disabled{
cursor: not-allowed;
pointer-events: none;
}

.nav-tabs.wizard li>* {
position: relative;
padding: 0.5em .8em 0.5em 2.5em;
color: #000000;
background-color: #E1E1E1;
border-color: #E1E1E1;
}

.nav-tabs.wizard li.completed>* {
color: #fff !important;
background-color: #96c03d !important;
border-color: #96c03d !important;
border-bottom: none !important;
}

.nav-tabs.wizard li.active>* {
color: #fff !important;
background-color: #D79800 !important;
border-color: #D79800 !important;
border-bottom: none !important;
}

.nav-tabs.wizard > li > a {
opacity: 1;
font-size: 14px;
}

.nav-tabs.wizard a:hover {
color: #fff;
background-color: #D79800;
border-color: #D79800;
}

@media(min-width:992px) {
.nav-tabs.wizard li {
	position: relative;
	padding: 0;
	margin: 4px 4px 4px 0;
	width: auto;
	float: left;
	text-align: center;
}
.nav-tabs.wizard li::after,
.nav-tabs.wizard li>*::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 100%;
	height: 0;
	width: 0;
	border: 17.5px solid transparent;
	border-right-width: 0;
	/*border-left-width: 20px*/
}
.nav-tabs.wizard li::after {
	z-index: 1;
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
	-o-transform: translateX(4px);
	transform: translateX(4px);
	border-left-color: #fff;
	margin: 0
}
.nav-tabs.wizard li>*::after {
	z-index: 2;
	border-left-color: inherit
}
.altinn-expandable-grid-label {
	font-size: 12px;
}
.altinn-icon {
	float: left;
    width: 20px;
    height: 15px;
}
.grid-nodata {
	position: absolute;
    top: 80px;
    opacity: 0.25;
    font-size: 1.5em;
    width: 100%;
    text-align: center;
    z-index: 1000;
}

.salary-badge {
    position: relative;
    top: -23px;
    left: auto;
    z-index: 2;
    padding: 1px 7px;
    margin-left: -23px;
    font-size: 11px;
    color: #fff;
    border-radius: 10em;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
.count-badge{
    position: relative;
    right: -13px;
    top:-25px;
}
.display-flex {
	display: flex;
    align-items: center;
}
.border-0 {
	border: 0;
}
.not-active {
	opacity: 0.5;
}
.bank-auth-overflow {
	overflow-y: auto;
	max-height: 30%;
}
}
/* salary overview temp paused, inactive employee status */

.in-active-employee{
	border-left: 3px solid red;
}

.temp-paused-employee{
	border-left: 3px solid yellow;
}

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

/* Sell invoice */

.sell-invoice-config label, .sell-invoice-config li, .sell-invoice-config span {
	font-size: 12px;
}

.provider-activation-content label, .provider-activation-content li, .provider-activation-content span {
	font-size: 12px;
}

.provider-calculation-content label, .provider-calculation-content li, .provider-calculation-content span, .provider-calculation-content p, .provider-calculation-content address {
	font-size: 12px;
}

.sell-invoice-config input[type=number]::-webkit-inner-spin-button, .sell-invoice-config input[type=number]::-webkit-outer-spin-button, .provider-activation-content input[type=number]::-webkit-inner-spin-button, .provider-activation-content input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
}

.provider-activation-content input[type=number], .sell-invoice-config input[type=number] {
	-moz-appearance: textfield;
}

input.sell-invoice-input {
	padding: 4px;
	height: 20px;
	border-color: gray;
	border-radius: 0;
}

/* checkbox size altering in customer payment */

input[type=checkbox].stop-sell-invoice {
	width: 20px;
	height: 20px;
}


.custom-list-view {
       padding: 15px;
       border-top: 1px solid #ddd;
       border-left: 1px solid #ddd;
       border-right: 1px solid #ddd;
}

.custom-list-view:last-child {
       border-bottom: 1px solid #ddd;
}

.invoice-error-list {
	border-left: 3px solid red;
  }

.invoice-success-list {
	border-left: 3px solid #45B6AF;
}

/* End of Sell Invoice style*/

/* QR code generator CSS */
.qr-code-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
    padding: 10px;
    width: 100%;
}

.qr-code {
    padding: 10px;
    border: 1px solid #ccc;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.annualSalaryPercentage {
    position: absolute;
    top: 0;
    right: -15px;
	padding: 5px;
	border: 1px solid grey;
	border-radius: 4px;
}

.text-container {
  display: inline-block;
  position: relative;
  overflow: hidden;
}