*,
*:focus,
*:hover {
    outline: none;
}

[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

td > .h1, td > .h2, td > .h3, td > h1, td > h2, td > h3 {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

td { /*copy from frontend*/
	padding-left: 5px;
}

.row-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

/*---------------------------------------------------------------------SCROLL BAR----------------------------------------------------------------------------*/
::-webkit-scrollbar {
	width: 12px; /* for vertical scrollbars */
	height: 12px; /* for horizontal scrollbars */
}

::-webkit-scrollbar-track {
	/*background: rgba(0, 0, 0, 0.1);*/
	background:#e6e6e6;
	opacity: 0.5;
}

::-webkit-scrollbar-thumb {
	background: rgba(0, 0, 0, 0.5);
}

/*---------------------------------------------------------------------COMMON--------------------------------------------------------------------------------*/

ul > li {
	list-style: none;
}

a:active {
}

a.no-decoration, a.no-decoration:hover, a.no-decoration:active {
	text-decoration: none;
}

.display {
	display: block !important;
}

.display--non {
	display: none !important;
}

.visible {
	visibility: visible !important;
}

.visible--non {
	visibility: hidden !important;
}

.white {
	background-color: white;
}

.logo {
	width: 200px;
	height: 50px;
}

.print-logo {
	height: 33px;
	width: 154px;
	margin-left: 5px;
}

.page-content-header {
	height: 65px;
	font-size: 18px;
}

.inspection-icon-subfolder {
	vertical-align: baseline;
	font-size: 22px !important;
}

.standard-option {
	height: 34px;
	font-size: 11pt;
	padding-left: 5px;
	background-color: white;
	color: #999999;
	padding: 0px 23px 2px 8px;
}

.standard-label {
	font-size: 16px;
	font-weight: normal;
}

.text-italic {
	font-style: italic;
}

.big-row {
	height: 40px;
}

.margin-0 {
	margin: 0 0 0 0;
}

.margin-top--35 {
	margin-top: -35px;
}

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

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

.margin-top-5 {
	margin-top: 5px;
}

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

.margin-top-25 {
	margin-top: 25px;
}

.margin-top-40 {
	margin-top: 40px;
}

.margin-top-65 {
	margin-top: 65px;
}

.margin-right-5 {
	margin-right: 5px;
}

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

.margin-right-20 {
	margin-right: 20px;
}

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

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

.magin-left--5 {
	margin-left: -5px;
}

.margin-left-0 {
	margin-left: 0;
}

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

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

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

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

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

.margin-bottom-0 {
	margin-bottom: 0;
}

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

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

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

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

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

.mg-bt35 {
	margin-bottom: 35px;
}

.mg-bt45 {
	margin-bottom: 45px;
}

.mg-bt50 {
	margin-bottom: 50px;
}

.mg-l5 {
	margin-left: 5px !important;
}

.mg-l35 {
	margin-left: 35px;
}

.mg-l55 {
	margin-left: 55px;
}

.mg-l65 {
	margin-left: 65px;
}

.mg-l85 {
	margin-left: 85px;
}


.mg-r0 {
	margin-right: 0px !important;
}

.mg-r5 {
	margin-right: 5px !important;
}

.mg-r15 {
	margin-right: 15px !important;
}

.mg-r30 {
	margin-right: 30px !important;
}

.mg-l-3 {
	margin-left: -3px;
}

.mg-t-4 {
	margin-top: -4px;
}

.mg-t-5 {
	margin-top: -5px !important;
}

.mg-t5 {
	margin-top: 5px;
}

.mg-t10 {
	margin-top: 10px;
}

.no-padding-left {
	padding-left: 0 !important;
}

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

.mr-55 {
	margin-right: -55px;
}

.mg15 {
	margin: 15px !important;
}

.mr315 {
	margin-right: 315px;
}

.mr400 {
	margin-right: 400px !important;
}

.pl1 {
	padding-left: 1px !important;
}

.mt-25 {
	margin-top: -25px !important;
}

.mt-50 {
	margin-top: -50px !important;
}

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

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-30 {
	padding-left: 30px;
}

.padding-left-40 {
	padding-left: 40px;
}

.padding-15 {
	padding: 15px;
}

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

.padding-right-15 {
	padding-right: 15px;
}

.pd15 {
	padding: 15px;
}

.float-left {
	float: left !important;
}

.float-right {
	float: right !important;
}

.delete-icon {
	background-image: url('/Content/Images/delete-16.png');
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	margin-right: 10px;
}

.move-cursor {
	cursor: url('/Content/Images/move-16.png'),url('/Content/Images/move-16.cur'), auto;
}

.button-left {
	float: left;
}

.padding--none {
	padding: 0;
}

.padding-right--none {
	padding-right: 0;
}

.position--inherit {
	position: inherit !important;
}

.position-relative {
	position: relative !important;
}

.col80 {
	width: 90%;
	float: left;
}

.glyphicon.glyphicon-one-fine-dot {
	margin-bottom: -4px;
	overflow-y: hidden;
	top: -2px;
}

	.glyphicon.glyphicon-one-fine-dot:before {
		content: "\25cf";
		font-size: 11px;
	}

.glyphicons-share-alt:before {
	content: "\E309";
}

#content-tab .glyphicon {
	line-height: normal;
	color: #075095;
}

.back-icon {
	background-image: url('/Content/Images/arrow-icon.png');
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}

.tooltip.top .tooltip-arrow {
	margin-left: 10px;
}

.navigate-button {
	background-image: url(/Content/Images/black-navigate-to-32.png);
	width: 32px;
	height: 32px;
}

.shareurl-button {
	background-image: url(/Content/Images/black-share-32.png);
	width: 32px;
	height: 32px;
}

.opacity-0-5 {
	opacity: 0.5;
}

.seperate-line {
	width: 1px;
	height: 20px;
	border-right: 1px solid white;
	position: absolute;
	top: 9px;
	right: 0px;
}

.fixed-bottom {
	position: fixed;
	bottom: 0;
	width: 80%;
	background-color: #dddddd;
	padding-left: 10px;
}

.fixed-bottom-common {
	width: 100%;
	background-color: #dddddd;
	padding-left: 10px;
}

	.fixed-bottom-common.footer {
		display: inline-block;
	}

	.fixed-bottom-common.annual-cycle {
		background-color: #d86a0a;
		color: #fff;
	}

	.fixed-bottom-common.deviation {
		background-color: #6d9f18;
		color: #fff;
	}

.font-size-13 {
	font-size: 13px;
}

.font-size-16 {
	font-size: 16px;
}

.dropdown-box {
	font-size: 12px;
	padding-right: 38px;
}

.width1 {
	width: 1% !important;
}

.width2 {
	width: 2%;
}

.width3 {
	width: 3%;
}

.width4 {
	width: 4%;
}

.width5 {
	width: 5%;
}

.width6 {
	width: 6% !important;
}

.width7 {
	width: 7% !important;
}

.width8 {
	width: 8% !important;
}

.width10 {
	width: 10%;
}

.width11 {
	width: 11% !important;
}

.width12 {
	width: 12% !important;
}

.width13 {
	width: 13% !important;
}

.width14 {
	width: 14% !important;
}

.width15 {
	width: 15% !important;
}

.width17 {
	width: 17% !important;
}

.width20 {
	width: 20% !important;
}

.width22 {
	width: 22% !important;
}

.width25 {
	width: 25% !important;
}

.width30 {
	width: 30% !important;
}

.width35 {
	width: 35% !important;
}

.width40 {
	width: 40%;
}

.width45 {
	width: 45%;
}

.width50 {
	width: 50%;
}

.width55 {
	width: 55%;
}

.width60 {
	width: 60%;
}

.width65 {
	width: 65% !important;
}

.width70 {
	width: 70%;
}

.width75 {
	width: 75%;
}

.width80 {
	width: 80%;
}

.width85 {
	width: 85%;
}

.width90 {
	width: 90%;
}

.width91 {
	width: 91%;
}

.width95 {
	width: 95%;
}

.width98 {
	width: 98%;
}

.width100 {
	width: 100% !important;
}

.width103 {
	width: 103% !important;
}

.width-10 {
	width: 10px !important;
}

.width-20 {
	width: 20px !important;
}

.width-30 {
	width: 30px !important;
}

.width-40 {
	width: 40px !important;
}

.width-50 {
	width: 50px !important;
}

.width-100 {
	width: 100px;
}

.width-140 {
	width: 140px;
}

.width-150 {
	width: 150px;
}

.width-170 {
	width: 170px;
}

.width-200 {
	width: 200px;
}

.width-250 {
	width: 250px;
}

.width-300 {
	width: 300px !important;
}

.height-initial {
	height: initial !important;
}

.height-50 {
	height: 50px !important;
}

.height-60 {
	height: 60px !important;
}

.height-210 {
	height: 210px !important;
}

.height-280 {
	height: 280px !important;
}

.min-height30 {
	height: auto;
	min-height: 32px;
}

.min-height100 {
	min-height: 100% !important;
}

.avoid-empty-row {
	min-height: 20px;
}

.folder-menu-left-width {
	width: 100%;
}

.light-gray {
	color: #d1d1d1;
}

.selectStyled {
	overflow: hidden;
	right: 70px;
	position: absolute;
}

	.selectStyled select {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

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

.hr-standard {
	border-top: 1px solid #ccc;
	margin: 0px 40px 0px 85px;
}

.hr-d-standard {
	border-top: 1px solid #ccc;
	margin: 0px 55px 0px 0px;
}

.ptn {
	padding-top: 0px;
}

.pt2 {
	padding-top: 2px;
}

.pt10 {
	padding-top: 10px;
}

.pt20 {
	padding-top: 20px;
}

.st-selected {
	background: #dff0d8 !important;
}

.np-label {
	font-weight: normal;
	margin-bottom: 0;
}

.top54 {
	top: 54px !important;
}

.top45 {
	top: 45px !important;
}

.top83 {
	top: 83px !important;
}

.top120 {
	top: 120px !important;
}


.right28 {
	right: 28px !important;
}

.home-info {
	height: 175px;
	background-color: white;
	color: black;
}

	.home-info .content {
		background-color: #f2f2f2;
		padding: 5px 5px 0px 15px;
		min-height: 175px;
	}

	.home-info a {
		color: #00283a !important;
		font-weight: 700;
		font-size: 16px;
	}

	.home-info h4 {
		font-weight: 700;
	}

.home-bottom-info {
	height: 160px;
	background-color: #f2f2f2;
	color: black;
	width: 23%;
	margin: 6px;
	text-align: center;
}

	.home-bottom-info div {
		padding: 10px 150px 0px 115px;
	}

.document-tab-active, .home-tab-active {
	height: 40px;
}

.t-upc {
	text-transform: uppercase;
}

.t-cpl {
	text-transform: capitalize !important;
}

.bg-white {
	background-color: white;
}

.bg-ok {
	background-color: #009178 !important; /* UU Design */
}

.bg-warning {
	background-color: #f0ad4e !important;
}

.bg-cancel {
	background-color: #d9534f !important;
}

.bg-lightseagreen {
	background-color: #00c7a5;
}

.bg-darkgrey {
	background-color: #727272;
}

.bg-view-standard {
	background-color: #e6e6e6 !important;
}

.home-group-header {
	float: left;
	padding: 0px 42px 0px 0px;
	width: 100%;
	margin-bottom: 20px;
}

.tc-white {
	color: white !important;
}

.tc-hpl {
	color: blue !important;
	text-decoration: underline;
}

.tc-default {
	color: #444444 !important;
}

.tc-approval {
	color: #00c6a5 !important;
}

.tc-blue {
	color: blue !important;
}

.tc-deleted {
	color: #ff576f !important;
}

.tc-transfer-reading-receipt {
	color: black !important;
}

.tc-handbook {
	color: #0389CD; /* UU Contrast */
}

.tc-disabled {
	color: #b3b3b3 !important;
	cursor: not-allowed !important;
}

.tc-setting {
	color: #999999 !important;
}

.tc-icon {
	color: #b3b3b3 !important;
}

.dropdown-menu-right {
	right: 0;
	left: auto;
}

.dropdown-menu-item {
	padding: 5px;
}

.color-red {
	color: red !important;
}

.color-green {
	color: #00c3a5 !important;
}

.color-white {
	color: #ffffff;
}

.color-lightGray {
	color: #cccccc;
}

input[type=checkbox][disabled] {
	color: #ccc;
}

.topbar-left {
	width: 90%;
	padding: 0px 0px;
}

.topbar-right-btn {
	z-index: 1024;
	position: absolute;
	right: 15px;
	top: 5px;
	/*width: 180px;
    z-index: 1024;
    position: absolute;
    right: 10px;
    top: -54px;*/
}

.mr3 {
	margin-right: 3px;
}

.btn-startpage {
	background-color: #00283a;
	opacity: 1 !important;
}

	.btn-startpage:hover {
		color: white !important;
	}

.vtca-b {
	vertical-align: bottom !important;
}

.vtca-i {
	vertical-align: inherit;
}

.vtca-s {
	vertical-align: sub !important;
}

.vtca-sp {
	vertical-align: super !important;
}

.vtca-tb {
	vertical-align: text-bottom !important;
}

.vtca-m {
	vertical-align: middle !important;
}

.dd-mn-item-icon {
	padding: 5px 0px 0px 15px;
}

.f-default {
	font-family: Calibri,'Open Sans', Helvetica, Arial, 'sans-serif' !important;
}

.psr {
	position: relative;
}

.dd-mn-item {
	background-color: #d2d2d2;
	height: 35px;
	margin-bottom: 1px;
	padding: 5px;
}

	.dd-mn-item:hover {
		background-color: #f2f2f2;
	}

.dropdown-menu.tc-default {
	border-radius: 0px;
	padding: 2px;
	width: 200px;
}

.h10 {
	height: 10px;
}

.h15 {
	height: 15px;
}

.h20 {
	height: 20px;
}

.h22 {
	height: 22px;
}


.h23 {
	height: 23px;
}

.h25 {
	height: 25px;
}

.h32 {
	height: 32px;
}

.h33 {
	height: 33px;
}

.h35 {
	height: 35px;
}

.h38 {
	height: 38px;
}

.h39 {
	height: 39px;
}

.h40 {
	height: 40px !important;
}

.h42 {
	height: 42px !important;
}

.h44 {
	height: 44px !important;
}

.h100 {
	height: 100px;
}

.h150 {
	height: 150px !important;
}

.h300 {
	height: 300px !important;
}

.h400 {
	height: 400px !important;
}

.h-100 {
	height: 100%;
}

.h90p {
	height: 90%;
}

.h60p {
	height: 60%;
}

.h50p {
	height: 50%;
}

.standard-radio {
	width: 22px;
	height: 22px;
	vertical-align: bottom;
}

	.standard-radio + span {
		display: inline-block;
		margin-top: 5px;
		margin-left: 10px;
	}

.tree-background {
	background-color: #00283A;
}

.tree-nav {
	position: absolute;
	z-index: 9999;
	opacity: 500;
	background-color: #00283a;
	width: 100%;
	height: 500px;
	overflow: auto;
	border: 1px solid #999999;
	border-radius: 5px;
	margin-top: 2px;
	top: 33px;
}

.dpt-tree-nav {
	position: absolute;
	z-index: 9999;
	opacity: 500;
	background-color: #f2f2f2;
	width: 500px;
	max-height: 400px;
	overflow: auto;
	border: 1px solid #999999;
	border-radius: 0 0 5px 5px;
	margin-top: 33px;
	border-top: 0;
}

.required-field {
	position: absolute;
	right: 0px;
	top: 0;
	bottom: 1px;
	height: 14px;
	margin: auto;
	font-size: 14px;
}

.fieldbg {
	background-color: #e6e6e6;
}

.align-center {
	text-align: center;
}

.fw-700 {
	font-weight: 700;
}

.btn-group button.dropdown-toggle:focus {
	outline: 5px auto -webkit-focus-ring-color !important;
}

/*--------------------grid-----------------------------*/

.rowInfo {
	background-image: url('/Content/Images/info.jpg');
	background-repeat: no-repeat;
	width: 24px;
	height: 19px;
	position: relative;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
}

/*#gridController tbody tr,
#documentTemplate tbody tr {
    cursor: pointer;
}*/

.rowcssgird {
	cursor: auto !important;
}

.word-break {
	word-break: break-all;
	word-wrap: break-word;
	-ms-word-wrap: break-word;
}

.ngHeaderContainer {
	width: 100% !important;
}

.ngCanvas {
	width: 100% !important;
}

.ngViewport {
	overflow: visible;
}

.gridStyle {
	font-size: 14px;
	width: 100%;
	background-color: white;
	height: auto;
	/*max-height: 300px;*/
}

.grid-auto {
	height: auto;
}

.grid-xsm {
	overflow-x: hidden;
	overflow-y: auto;
}

.grid-sm {
	height: auto;
}

.ngViewport.ng-scope {
	width: 100% !important;
}

.grid-me {
	height: 650px;
}

.grid-lg {
	height: 800px;
}

.ngHeaderCell {
	border-bottom: 1px solid #d4d4d4;
}

.ngViewport {
	overflow-y: auto;
	overflow-x: hidden;
}

.ngTopPanel {
	background-color: white;
	width: 100% !important;
}

.topmenu-left-panel {
	float: left;
	font-size: 12px;
	padding: 0px 35px 15px 45px; /*top-right-bottom-left*/
	background-color: #f2f2f2;
}

.topmenu-right-panel {
	float: right;
	padding-top: 10px;
	width: 50%;
}

.topmenu-right-panel1 {
	float: right;
	padding-top: 10px;
	width: 100%;
}

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

.padding-left-20 {
	padding-left: 20px;
}

.padding-left-40 {
	padding-left: 40px;
}

.margin-left-0 {
	margin-left: 0;
}

.margin-top--1 {
	margin-top: -1px;
}

.margin-top-0 {
	margin-top: 0px !important;
}

.padding-15 {
	padding: 15px;
}

.padding-right-15 {
	padding-right: 15px;
}

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

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

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

.margin-right-20 {
	margin-right: 20px;
}

.line-height-2 {
	line-height: 2;
}

.line-height-3 {
	line-height: 3;
}

.grid-header {
	padding: 10px 15px;
	width: 100%;
	background-color: #00283a;
	color: white;
}

.flex-between {
	display: flex;
	justify-content: space-between;
}

.panel-default > .panel-heading {
	background-image: none;
}

.panel {
	-webkit-box-shadow: none;
}

.folder-content {
	font-size: 12pt;
	max-height: 125px;
	overflow-y: auto;
	overflow-x: hidden;
}

#searchContainer .ngViewport.ng-scope {
	height: 500px;
}

#chapterHeaderContainer .ngViewport.ng-scope {
	height: 620px;
}

#groupDocuments .ngViewport.ng-scope {
	max-height: 300px !important;
	height: auto !important;
}

.repdiv {
	width: 25%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.display-inline-flex {
	display: inline-flex;
}

.dsinb {
	display: -webkit-box;
	display: -ms-flexbox;
}

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

.sorted-ascending {
	background-image: url("/Content/Images/icon-sort-up.png");
	background-repeat: no-repeat;
	height: 17px;
	width: 20px;
	position: relative;
	display: inline-block;
	margin-top: -3px;
}

.sorted-descending {
	background-image: url("/Content/Images/icon-sort-down.png");
	background-repeat: no-repeat;
	height: 17px;
	width: 20px;
	position: relative;
	display: inline-block;
	margin-top: -3px;
}

/********************************************grid-table********************************************/
#gridController,
#documentTemplate {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	align-items: stretch;
}

#gridController,
#documentTemplate {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

	#gridController thead,
	#documentTemplate thead {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		align-items: stretch;
		background-color: #ccc;
	}

		#gridController thead.annual-cycle {
			background-color: #d86a0a;
			color: #fff;
		}

		#gridController thead.deviation {
			background-color: #6d9f18;
			color: #fff;
		}

		#gridController thead.riskManagement {
			background-color: #dd283a;
			color: #fff;
		}

	#gridController tbody,
	#documentTemplate tbody {
		overflow-y: auto;
		overflow-x: hidden;
	}

#gridController,
#documentTemplate {
	overflow-x: hidden;
}

	#gridController thead > tr,
	#gridController tbody > tr,
	#gridController tfoot > tr,
	#documentTemplate thead > tr,
	#documentTemplate tbody > tr,
	#documentTemplate tfoot > tr {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: nowrap;
		-moz-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	#gridController thead,
	#gridController tfoot,
	#documentTemplate thead,
	#documentTemplate tfoot {
		-webkit-flex-shrink: 0;
		-moz-flex-shrink: 0;
		-ms-flex-shrink: 0;
		flex-shrink: 0;
	}

	#gridController th,
	#gridController tbody td,
	#documentTemplate th,
	#documentTemplate tbody td {
		overflow-x: hidden;
		text-overflow: ellipsis;
		padding: 3px 8px 0px 8px;
	}

	/*#gridController th,
    #documentTemplate th {
        white-space: normal;
        cursor: pointer;
    }*/

	#gridController tfoot,
	#documentTemplate tfoot {
		display: inline-block;
	}

		#gridController tfoot td,
		#documentTemplate tfoot td {
			width: 100%;
		}

	#gridController thead > tr > th,
	#documentTemplate thead > tr > th {
		border-bottom: 1px solid #dddddd;
		margin-top: 6px;
	}

.chapter-view #documentsTab #gridController tbody tr td:nth-child(4),
#groupDocument-working-documents #gridController tbody tr td:nth-child(4) {
	position: relative;
}

	.chapter-view #documentsTab #gridController tbody tr td:nth-child(4) > a,
	#groupDocument-working-documents #gridController tbody tr td:nth-child(4) > a {
		display: inline;
		position: absolute;
		top: 4px;
		left: 30px;
		padding-left: 5px;
		width: calc(100% - 32px);
		overflow: hidden;
	}

hr {
	border-top-color: #888888;
}

.grid-cell {
	white-space: nowrap;
	text-overflow: ellipsis;
}

.gridcellwraptext {
	white-space: normal;
}

.gridcellnowrap {
	white-space: nowrap;
}

.normal-cell {
	display: inline-block;
	line-height: 29px;
}

	.normal-cell.grid-normal-cell {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

.folder-icon {
	vertical-align: initial;
	font-size: 19px;
	margin-top: -2px;
}

@-moz-document url-prefix() {
	.padding-top-firefox-ie {
		padding-top: 4px !important;
	}

	.normal-cell {
		display: initial;
	}
}

.cell-ellipsis {
	text-overflow: ellipsis;
	display: block;
	overflow: hidden;
}

.nm-cell {
	position: relative;
}

.show-all-documents {
	position: fixed;
	cursor: pointer;
	bottom: 0;
	font-size: 16px;
	z-index: 999;
	background-color: transparent;
	right: 50px;
}

.show-all-item {
	position: absolute;
	cursor: pointer;
	/* bottom: 0; */
	font-size: 16px;
	z-index: 999;
	background-color: transparent;
	right: 30px;
	margin-top: -20px;
}

.show-all-group-documents {
	position: fixed;
	cursor: pointer;
	bottom: 0;
	font-size: 16px;
	z-index: 99999;
	background-color: transparent;
	right: 20px;
}

.show-all-documents-adjustment {
	bottom: 37px;
}

/*Setting columns style*/

.setting-box-show {
	width: 218px;
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #999999;
	height: 27px;
	position: absolute;
	z-index: 20;
	background: #ffffff;
	padding-top: 6px;
}

.setting-box-hide {
	width: 420px;
	border-color: #999999;
	z-index: 20;
	position: absolute;
	right: 15px;
}

.avoid-custom-page {
	right: 339px !important;
}

.setting-box-title {
	margin-left: 2px;
	color: Black;
}

.setting-dropdown-icon {
	cursor: pointer;
	width: 15px;
	height: 13px;
}

.setting-box-items {
	border-top: solid 1px;
	border-color: #999999;
	width: 100%;
	overflow: visible;
	margin-top: 5px;
	padding-top: 5px;
}

.setting-box-items-left {
	float: left;
}

.setting-box-items-right {
	float: left;
	padding-right: 10px;
}

.setting-box-main-contain {
	margin-top: -3px;
	margin-left: -1px;
	padding-bottom: 10px;
	width: 100%;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #999999;
	background: #ffffff;
	font-size: 14px;
}

.setting-box-item {
	color: inherit;
	margin-left: 10px;
	line-height: 25px;
	clear: both;
	width: 96%;
	display: table;
	margin: 0 10px;
	padding: 10px 0;
	border-top: 1px solid #e5e5e5
}

.common-setting-box-item {
	color: inherit;
	margin-left: 10px;
	line-height: 25px;
	width: 45%;
	float: left;
}

.hide-label {
	display: none !important;
}

.grid-panel {
	margin: 20px 0 20px;
}

.header-panel {
	border-bottom: 2px solid #075095;
	padding-bottom: 10px;
}

.row-forced-align-left {
	margin-left: -40px;
}

.tabPage {
	position: relative;
}

.menu {
	position: fixed;
	background-color: #075095;
	z-index: 999;
	height: 65px;
}

.max100 {
	width: 100%;
}

.tab-content-header {
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.scrollable-y {
	overflow-y: auto;
}

.unscrollable-y {
	overflow-y: hidden;
}
/*Collapse-Expand section begin*/
.np-collapse {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	background: url('/Content/Images/toggle-collapse.png') no-repeat;
}


.np-expand {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 4px;
	background: url('/Content/Images/toggle-expand.png') no-repeat;
}

.expandcollapse-item {
	overflow: hidden;
	border-top: 1px solid blue;
}

.expandcollapse-heading-collapsed {
	cursor: pointer;
	padding: 15px 10px;
	position: relative;
	z-index: 100000000;
	background: url('/Content/Images/toggle-collapse.png') no-repeat;
	float: left;
	margin-top: 4px;
}

.expandcollapse-item:first-of-type {
	border-top: 0px;
}


.expandcollapse-heading-collapsed p {
	font-size: 16px;
	font-weight: normal;
	margin: 0px;
}

.expandcollapse-heading-expanded {
	cursor: pointer;
	padding: 15px 10px;
	position: relative;
	background: url('/Content/Images/toggle-expand.png') no-repeat;
	float: left;
	margin-top: 4px;
}

	.expandcollapse-heading-expanded p {
		font-size: 16px;
		font-weight: bold;
		margin: 0px;
	}

	.expandcollapse-heading-collapsed > span,
	.expandcollapse-heading-expanded > span {
		position: absolute;
		top: 25px;
		right: 15px;
		font-size: 20px;
		line-height: 0px;
	}

.expand-collapse-content {
	padding: 0;
}


/*
animation:*/

.slideDown.ng-hide {
	height: 0;
	transition: height 0.35s ease;
	overflow: hidden;
	position: relative;
}

.slideDown {
	transition: height 0.35s ease;
	overflow: hidden;
	position: relative;
}

	.slideDown.ng-hide-remove,
	.slideDown.ng-hide-add {
		/* remember, the .hg-hide class is added to element
  when the active class is added causing it to appear
  as hidden. Therefore set the styling to display=block
  so that the hide animation is visible */
		display: block !important;
	}


	.slideDown.ng-hide-add {
		animation-name: hide;
		-webkit-animation-name: hide;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-timing-function: ease-in;
		-webkit-animation-timing-function: ease-in;
	}



	.slideDown.ng-hide-remove {
		animation-name: show;
		-webkit-animation-name: show;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
		animation-timing-function: ease-out;
		-webkit-animation-timing-function: ease-out;
	}
/*Collapse-Endpand section end**/

/*---------------------------------------------------------------------SIMPLE SEARCH-------------------------------------------------------------------------*/
.search-box {
	position: relative;
	display: block;
	height: 45px;
	width: 100%;
	padding-top: 14px;
	border-top: 1px solid transparent;
}

.fa-icon {
	color: white;
	font-size: 19px;
	padding: 5px;
	background-color: #00A7FF;
	vertical-align: bottom;
}

.search-popup {
	width: auto;
	position: fixed;
	z-index: 1024;
	border: 1px solid #cccccc;
	background-color: #f2f2f2;
	top: 97px;
	left: 8px;
	min-height: 50px;
	min-width: 280px;
	white-space: nowrap;
	overflow-y: auto;
	max-height: 600px;
}

.search-nomatch {
	padding: 10px;
	text-align: center;
	width: 100%;
	max-width: 280px;
}

.search-nomatch-text {
	font-weight: bold;
	font-size: 20px;
}

.search-popup-lmh {
	height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.search-popup-container {
	background-color: white;
	padding: 10px;
}

.popup-item {
	display: table;
	word-break: break-word;
	margin-left: 4px;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	width: 98%;
}

	.popup-item:hover {
		background-color: #E3E9EC;
	}

.search-popup .tooltip {
	white-space: normal;
}

.popup-item--active {
	background-color: #A3BCD2;
}

.popup-header {
	font-size: 19px;
	font-weight: bold;
}

.np-search-divider {
	border-bottom: 1px solid #CCC;
	height: 1px;
	margin-top: 10px;
}

/*---------------------------------------------------------------------ADVANCE SEARCH------------------------------------------------------------------------*/

.np-advs-warper {
	padding: 5px 20px 0 20px;
}

.np-advs-wrapper.advanced-search {
	color: #fff;
	padding: 15px 15px 0 15px;
}

.btn-block-group {
	color: #fff !important;
	text-align: left !important;
	background: #999999;
}

.np-advs-wrapper.advanced-search .btn.btn-block {
	background: #999;
	color: #fff !important;
}

	.np-advs-wrapper.advanced-search .btn.btn-block.btn-filters {
		text-align: left !important;
		background: #4e6069;
	}

.np-advs-wrapper.advanced-search .np-advs-folder-tree-wraper {
	min-width: 257px;
}

.np-advs-wrapper.advanced-search .dropdown-list .item-dropdown-popup span::before {
	color: #333;
}

.np-advs-wrapper.advanced-search button[type=submit] {
	position: relative;
	padding-right: 30px;
	background: #0087CE;
	text-transform: uppercase;
	font-weight: bold;
}

	.np-advs-wrapper.advanced-search button[type=submit] i {
		position: absolute;
		font-size: inherit;
		top: 4px;
		right: 4px;
	}

	.np-advs-wrapper.advanced-search button[type=submit]:hover {
		color: #fff;
	}

.np-advs-wrapper.advanced-search .fa.fa-search {
	font-size: 1.5em;
}

.np-advs-back-btn {
	color: white;
	background-color: #999999;
	width: 255px;
	text-align: center;
	height: 22px;
	vertical-align: middle;
	font-size: 14px;
	cursor: pointer;
	display: inline-block;
}

.np-advs-search-box {
	height: 33px;
	border: 1px solid #cccccc;
	padding: 10px 25px 10px 10px;
}

.np-advs-search-box-border {
	border: 4px solid #ffffff;
	background-color: #949494;
	color: #ffffff;
	padding: 0 0 0 5px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.np-advs-lg-btn {
	width: 255px !important;
}

.np-advs-sm-btn {
	width: 120px;
}

.np-advs-search-btn {
	margin-right: 5px;
	margin-top: 5px;
	width: 110px;
	background-color: #0087CE;
	height: 33px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}

	.np-advs-search-btn > i {
		position: absolute;
		bottom: 0;
	}

.np-advs-col-6 {
	float: left;
	width: 50%;
	padding-left: 15px;
	padding-right: 15px;
}

.np-advs-x2-3 {
	font-size: 2.6em;
}

.np-advs-dtp > span > button.btn-datepicker,
span.input-group-btn > button.btn-datepicker {
	margin-left: -30px !important;
	top: -1px;
	z-index: 1032;
	height: 25px;
}

.np-advs-folder-tree-wraper {
	position: absolute;
	z-index: 3000;
	background-color: #00283A;
	height: auto;
	width: auto;
	min-height: 300px;
	min-width: 280px;
	white-space: nowrap;
	border-left: 4px solid #ffffff;
	border-right: 4px solid #ffffff;
	border-bottom: 4px solid #ffffff;
}

input.non-outline:focus, select.non-outline:focus, table {
	color: black;
}

.np-advs-chekcbox {
	position: relative;
	top: 2px;
}

/*---------------------------------------------------------------------SEARCH RESULT------------------------------------------------------------------------*/

.np-search-result-warper {
	padding: 23px 20px 0 25px;
	background-color: #ffffff;
}

	.np-search-result-warper .np-doc-square {
		margin-left: 0;
		margin-right: 0;
	}

.searchRelatedDocument ul.dropdown-menu li.active span {
	color: #fff !important;
}
/*-----------------------Rounded checkbox---------------------------*/
input[type="checkbox"].checkbox--rounded {
	visibility: hidden;
	position: absolute;
	z-index: -1000;
	left: -1000px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	height: 1px;
	width: 1px;
	margin: -1px;
	padding: 0;
	border: 0;
}

.checkbox--round {
	width: 14px;
	height: 14px;
	background: white;
	margin: 0 0 10px 30px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	-moz-box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	box-shadow: inset 0px 1px 1px white, 0px 0px 1px black;
	position: relative;
}

label.label--rounded {
	cursor: pointer;
	position: absolute;
	width: 10px;
	height: 10px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 2px;
	top: 2px;
	-webkit-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 0px 0px white, 0px 1px 0px rgba(255,255,255,1);
	z-index: 1;
}

	label.label--rounded:after {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		content: '';
		position: absolute;
		left: 0;
		width: 10px;
		height: 10px;
		background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
		background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
		background: -o-linear-gradient(top, #222 0%, #45484d 100%);
		background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
		background: linear-gradient(top, #222 0%, #45484d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;
	}

.checkbox--round input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}

.round-label-description {
	width: 190px;
	top: -27px;
	position: relative;
	left: -20px;
	font-weight: lighter;
	z-index: 0;
}

/* SQUARED FOUR */
.squaredFour {
	width: 75px;
	position: absolute;
	top: 7px;
	left: 217px;
}

	.squaredFour label {
		cursor: pointer;
		position: absolute;
		width: 25px;
		height: 22px;
		border-radius: 5px;
		-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
		background: white;
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	}

		.squaredFour label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;
			content: '';
			position: absolute;
			width: 20px;
			height: 11px;
			background: transparent;
			top: 4px;
			left: 4px;
			border: 3px solid #333;
			border-top: none;
			border-right: none;
			-webkit-transform: rotate(-45deg);
			-moz-transform: rotate(-45deg);
			-o-transform: rotate(-45deg);
			-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

		.squaredFour label:hover::after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
			filter: alpha(opacity=30);
			opacity: 0.5;
		}

	.squaredFour input[type=checkbox] {
		visibility: hidden;
		position: absolute;
		z-index: -1000;
		left: -1000px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		height: 1px;
		width: 1px;
		margin: -1px;
		padding: 0;
		border: 0;
	}

		.squaredFour input[type=checkbox]:checked + label:after {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;
		}

.squaredFour-label {
	color: white;
	position: absolute;
	top: 8px;
	left: 285px;
	width: 125px;
	font-size: 15px;
}

/*-----------------------Button---------------------------*/
.button-search {
	background-color: #075095;
	width: 70px;
	margin-left: 40px;
}

	.button-search label {
		display: block;
		margin-left: -7px;
		color: white;
		cursor: pointer;
		text-indent: 5px;
		text-align: center;
	}

.top-menu-button {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

a:focus.top-menu-button, a:hover.top-menu-button {
	text-decoration: none;
}

.grid-setting-btn {
	cursor: pointer;
	width: 32px;
	height: 27px;
}

#gridSetting {
	min-width: 380px;
	padding: 10px;
	border: 2px solid #ddd;
}

.cursor-disable {
	cursor: not-allowed !important;
}

.button-favorite {
	background-image: url(/Content/Images/blue-star-32.png);
	width: 32px;
	height: 32px;
}

.button-favorited {
	background-image: url(/Content/Images/blue-star-selected-32.png);
	width: 32px;
	height: 32px;
}

.disabled {
	background-color: darkgray;
	opacity: 0.3;
	cursor: default;
}

.email-subscribe {
	background-image: url(/Content/Images/blue-mail2-32.png);
}

.email-subscribed {
	background-image: url(/Content/Images/blue-mail-selected2-32.png);
}

.topmenu-searchfield span.input-group-btn button {
	padding: 0;
	width: 28px;
	height: 26px;
	left: -29px;
}

/******************datepicker*******************************/
.advance-search span.input-group-btn {
	display: table-cell;
	padding: 0;
}

	.advance-search span.input-group-btn button {
		padding: 0;
		width: 28px;
		height: 26px;
		left: -29px;
	}

.advance-search table {
	width: 97%;
}

	.advance-search table:focus {
		outline: none;
	}

	.advance-search table thead > tr > th,
	.advance-search table tbody > tr > th,
	.advance-search table tfoot > tr > th,
	.advance-search table thead > tr > td,
	.advance-search table tbody > tr > td,
	.advance-search table tfoot > tr > td {
		padding: 1px;
		line-height: 12px;
		vertical-align: top;
	}

		.advance-search table tbody > tr > td button {
			padding: 4px 8px;
		}

			.advance-search table tbody > tr > td button.btn-sm {
				padding: 4px 8px;
				width: 96% !important;
			}

		.advance-search table thead > tr > th button.btn-sm {
			padding: 3px 7px;
			margin-left: 5px;
			width: 90% !important;
		}

.advance-search ul {
	left: -132px !important;
}

	.advance-search ul li {
		background-color: white !important;
		border-bottom: none !important;
		text-indent: 5px !important;
		width: 282px;
	}

		.advance-search ul li span {
			padding: 0;
		}

.adv-folder-tree ul li {
	width: auto;
	padding-right: 5px;
}

	.adv-folder-tree ul li:last-child {
		padding-bottom: 0px;
	}
/******************Highlight**************/
.ui-match {
	margin: 0 !important;
	background-color: yellow;
}

.matched-links {
	background-color: purple;
	color: white !important;
}

.selected-link {
	background-color: black;
	color: white !important;
}

.padding-right-20 {
	padding-right: 20px;
}

/*-------------------Print box------------*/
.print-box {
	width: 200px;
	border-color: #999999;
	z-index: 20;
	background: #ffffff;
	position: absolute;
	right: 18px;
}

.width-220 {
	width: 220px !important;
}

/*#print-box2.print-box.avoid-custom-page {
    right: 337px;
}*/

.print-box-items {
	border-top: solid 1px;
	border-color: #999999;
	width: 100%;
	overflow: visible;
	padding: 5px 5px 5px 5px;
}

.print-box-main-contain {
	margin-top: -3px;
	margin-left: -1px;
	width: 100%;
	border-bottom: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;
	border-color: #999999;
	background: #ffffff;
	font-size: 14px;
	margin-top: 5px;
}

.padding-left-5 {
	padding-left: 5px;
}

.padding-right-5 {
	padding-right: 5px;
}

/*-----------------------Error and message----------------------------*/
.error-panel--non-privilege {
	margin-top: 10px;
}

.error {
	color: #b94a48;
}

/*-----------------------Favorite setting field----------------------------------------*/

.favorite-field-header {
	border-bottom: 2px solid #026FC1;
	padding: 0 0 1px 0;
	margin: 20px 10px 0 10px;
}

.favorite-field-body {
	padding: 0 20px 0 20px;
	min-height: 300px;
}

.favorite-field-footer {
	border-top: 1px solid silver;
	text-align: right;
	margin: 10px 10px 5px 10px;
	padding-top: 5px;
}

.favorite-setting-field {
	height: 15px;
}

.manage-favorite-setting-icon {
	float: right;
	margin-right: 20px;
	height: 32px;
	background-image: url('/Content/Images/menu-setting-32.png');
	width: 32px;
}

.modal-header > .nav.nav-tabs {
	padding-left: 0;
}

#manageFavoriteTab.nav-tabs {
	background-color: white;
}

.nav-tabs > li > a.manage-favorite-tab {
	line-height: 10px !important;
	width: 90px;
	border-radius: 1px;
	border: none;
	color: black;
	padding-left: 0;
	background-color: white;
	text-align: center;
}

	.nav-tabs > li > a.manage-favorite-tab:hover {
		padding-left: 0;
		color: white;
		background-color: #026FC1;
		-webkit-border-top-right-radius: 9px !important;
		-moz-border-radius-topright: 9px !important;
		border-top-right-radius: 9px !important;
	}

.nav-tabs > li.active > a.manage-favorite-tab, .nav-tabs > li.active > a.manage-favorite-tab:hover, .nav-tabs > li.active > a.manage-favorite-tab:focus {
	color: white;
	background-color: #026FC1;
	border: none;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	border-bottom-color: transparent;
	-webkit-border-top-right-radius: 9px !important;
	-moz-border-radius-topright: 9px !important;
	border-top-right-radius: 9px !important;
}

.modal-body > .tab-content > div > ul > li {
	display: inline;
	margin-bottom: 1px;
}

.folder-5-icon {
	background-image: url("/Content/Images/folder-blue-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.folder-6-icon {
	background-image: url("/Content/Images/folder-orange-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.folder-7-icon {
	background-image: url("/Content/Images/folder-green-24px.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-1-icon {
	background-image: url("/Content/Images/document_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-2-icon {
	background-image: url("/Content/Images/document_link_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-3-icon {
	background-image: url("/Content/Images/document_fil_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-4-icon {
	background-image: url("/Content/Images/document_shortcut_24.png");
	background-repeat: no-repeat;
	padding-left: 30px;
	line-height: 24px;
	background-position: left top;
}

.document-search-icon {
	width: 16px;
	height: 16px;
}

.folder-search-icon {
	width: 16px;
	height: 16px;
}

.delete-icon.manage-favorite {
	float: right;
}

/*-----------------------------Confirm dialog-------------------------------*/

.confirm-body {
	height: 50px;
	padding: 20px;
}

.confirm-footer {
	text-align: right;
	padding-right: 20px;
}

.confirm-header {
	background-color: #428bca;
	color: white;
	padding-left: 20px;
}

/*------------------------Loading bar-------------------------------------*/
#loading-bar,
#loading-bar-spinner {
	pointer-events: none;
	-webkit-pointer-events: none;
	-webkit-transition: 350ms linear all;
	-moz-transition: 350ms linear all;
	-o-transition: 350ms linear all;
	transition: 350ms linear all;
}

	#loading-bar.ng-enter,
	#loading-bar.ng-leave.ng-leave-active,
	#loading-bar-spinner.ng-enter,
	#loading-bar-spinner.ng-leave.ng-leave-active {
		opacity: 0;
	}

		#loading-bar.ng-enter.ng-enter-active,
		#loading-bar.ng-leave,
		#loading-bar-spinner.ng-enter.ng-enter-active,
		#loading-bar-spinner.ng-leave {
			opacity: 1;
		}

	#loading-bar .bar {
		-webkit-transition: width 350ms;
		-moz-transition: width 350ms;
		-o-transition: width 350ms;
		transition: width 350ms;
		background: #29d;
		position: fixed;
		z-index: 10002;
		top: 0;
		left: 0;
		width: 100%;
		height: 2px;
		border-bottom-right-radius: 1px;
		border-top-right-radius: 1px;
	}

	/* Fancy blur effect */
	#loading-bar .peg {
		position: absolute;
		width: 70px;
		right: 0;
		top: 0;
		height: 2px;
		opacity: .45;
		-moz-box-shadow: #29d 1px 0 6px 1px;
		-ms-box-shadow: #29d 1px 0 6px 1px;
		-webkit-box-shadow: #29d 1px 0 6px 1px;
		box-shadow: #29d 1px 0 6px 1px;
		-moz-border-radius: 100%;
		-webkit-border-radius: 100%;
		border-radius: 100%;
	}

#loading-bar-spinner {
	display: block;
	position: fixed;
	z-index: 10002;
	top: 50%;
	left: 50%;
}

	#loading-bar-spinner .spinner-icon {
		width: 55px;
		height: 54px;
		background-image: url("/Content/Images/loading.gif");
	}

/* Absolute Center Spinner */
#ng-loading-spinner {
	position: fixed;
	z-index: 10002;
	height: 2em;
	width: 2em;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

	/* Transparent Overlay */
	#ng-loading-spinner:before {
		content: '';
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.2);
	}

	#ng-loading-spinner .spinner-icon {
		width: 55px;
		height: 54px;
		background-image: url("/Content/Images/loading.gif");
	}

/*-------------------------------pin icon---------------------------------------*/
.pin-icon {
	background-image: url("/Content/Images/pin-blue-24px.png");
	width: 24px;
	height: 24px;
	position: absolute;
	right: 25px;
	top: 20px;
	cursor: pointer;
	border-radius: 50%;
}

	.pin-icon.pin-toggle {
		background-image: url("/Content/Images/unpin-blue-24px.png");
	}

/*-------------------------------news on startpage-----------------------------*/

.block-with-text {
	overflow: hidden;
	position: relative;
	line-height: 1.2em;
	max-height: 3.6em;
	text-align: justify;
	margin-right: 0em;
	padding-right: 1em;
	font-size: 13px;
}

	.block-with-text:after {
		content: '';
		position: absolute;
		right: 0;
		width: 1em;
		height: 1em;
		margin-top: 0.2em;
	}

.news-contain {
	margin-top: 25px;
	margin-left: 20px;
	display: block;
	overflow-x: auto;
}

.news-item {
	margin-top: 10px;
	font-family: sans-serif;
	font-size: 13px;
}

.news-header {
}

.news-title {
	font-weight: bold;
	font-size: 17px;
	color: #474747;
}

.news-item a .title-item {
	max-width: 100%;
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.news-item .news-ingress p {
	word-break: break-word;
}

.news-item .new-item-more {
	position: absolute;
	bottom: 0;
}

.news-item .new-item-time {
	position: absolute;
	bottom: 0;
	right: 10px;
}

	.news-title:hover {
		text-decoration: underline;
	}

.news-ingress {
}

.news-body {
}

.news-more {
	color: #428bca;
}

	.news-more:hover {
		text-decoration: underline;
	}

.news-footer {
}

.news-showmore {
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}

.news-goback {
	background-image: url("/Content/Images/arrow-icon.png");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
	font-size: 15px;
	padding-left: 27px;
	padding-top: 4px;
	margin-bottom: 10px;
}

.news-detail-contain {
	padding: 0 15px 0 0;
	margin-left: 35px;
}

.news-detail-title {
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 10px;
}

.news-detail-image {
	margin-right: 10px;
}

.news-detail-ingress {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 10px;
}

.news-detail-body {
	font-size: 14px;
}

.news-detail-contain .news-details-header {
	font-weight: bold;
	min-height: 22px;
	margin-bottom: 9px;
	margin-top: 10px;
}

.news-detail-contain .news-details-attachment {
	background-image: url(/Content/Images/document.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	clear: both;
	padding-left: 18px;
}

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

.news-pagging-contain {
	margin-top: 10px;
}

.news-navigator {
	margin-left: 5px;
	padding: 0 6px;
}

.pagination > li > a, .pagination > li > span {
	border: none;
}

.btn-manage-favorite {
	background-color: #3e8f3e;
	color: white;
	margin-left: 2px;
}

.menu-group-contain {
	height: auto;
	min-height: 65px;
	padding-bottom: 20px;
}

/*-------------------------------collapse --------------------------------------*/
.collapse-arrow {
	float: left;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 11px solid white;
	margin: 7px 18px 0px 0px;
}

.collapsed-arrow {
	float: left;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 11px solid white;
	margin: 7px 18px 0px 0px;
}

.collapsed {
	height: 0;
	transition: height 0.85s ease;
	overflow: hidden;
}

/*-------------------------------login ----------------------------------------*/
.quick-login, .quick-login:hover, .quick-login:target, .quick-login:active {
	float: right;
	color: white;
	padding-top: 9px;
	text-decoration: none;
}


.advance-search-footer .tooltip.top .tooltip-arrow {
	left: 44%;
}

.search-icon {
	background: url(/Content/Images/search-32.png) no-repeat;
	position: absolute;
	right: 1px;
	width: 32px;
	height: 32px;
	float: right;
	cursor: pointer;
	background-color: white;
	margin-top: 2px;
}

.icon_arrow-down {
	background: url(/Content/Images/icon_arrow-down.png) no-repeat;
	background-color: white;
	position: absolute;
	right: 1px;
	width: 25px;
	height: 25px;
	float: right;
	cursor: pointer;
	margin-top: 7px;
	top: 0;
}

/*---------------------------------------------------------------------VALIDATION--------------------------------------------------------------------------------*/

input[type=text].ng-invalid.ng-touched,
input[type=number].ng-invalid.ng-touched,
select.ng-select-invalid.ng-touched {
	box-shadow: 0 0 5px rgba(204, 48, 48, 0.8);
}

/*---------------------------------------------------------------------BREADCRUMBS------------------------------------------------------------------------------*/

.np-breadcrumbs {
	padding: 20px 0 0 0px;
	font-size: 15px;
}

.np-breadcrumbs-subs {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}

.fstl-n {
	font-style: normal !important;
}
/*---------------------------------------------------------------------NOTIFICATION-----------------------------------------------------------------------------*/
.notification-panel {
	margin: 16px;
	position: fixed;
	right: 10px;
}

.notification {
	color: #666666;
	font-size: 16px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #666666;
	padding: 2px 6px;
}

.bg-theme {
	background-color: #fc4269;
	color: white;
}

.notify-row .badge {
	position: absolute;
	right: -10px;
	top: -10px;
	z-index: 100;
}

.notify-arrow {
	border-style: solid;
	border-width: 0 9px 9px;
	height: 0;
	margin-top: 0;
	opacity: 0;
	position: absolute;
	left: 295px;
	top: -18px;
	transition: all 0.25s ease 0s;
	width: 0;
	z-index: 10;
	margin-top: 10px;
	opacity: 1;
}

.notify-arrow-silver {
	border-color: transparent transparent #f2f2f2;
	border-bottom-color: #f2f2f2 !important;
	border-top-color: #f2f2f2 !important;
}

.notify-extend {
	background-color: #f2f2f2;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176);
	width: auto;
	min-width: 320px;
	left: 45px;
	margin-top: 3px;
	height: auto;
}

.notify-content {
	background-color: #ffffff;
	margin: 1px 5px 1px 5px;
	height: auto;
}

.notify-item {
	padding: 7px 7px 0 7px;
}

.notify-last-item {
	padding-bottom: 7px;
}

.notify-item-header {
	background-color: #e7e7e7;
	height: 25px;
	padding: 2px 0 0 20px;
}

.notify-item-content {
	background-color: #f2f2f2;
	height: auto;
	min-height: 50px;
	padding: 5px 0 5px 20px;
}

.notify-close {
	margin: 3px 5px 0 0;
	float: right;
}

/*-----------------------------Common form-------------------------------*/

.tab-container {
	background-color: white;
	padding: 15px;
}

	.tab-container .form {
	}
/*-----------------------------Common dialog-------------------------------*/

.dlg-container {
	overflow-x: auto;
	background-color: #e6e6e6;
	padding: 20px;
}

	.dlg-container .header {
	}

	.dlg-container .form {
		background-color: white;
		padding: 10px;
	}

.view-container {
	overflow-x: auto;
	margin: 25px;
	background-color: #e6e6e6;
}

	.view-container .header {
		padding: 0 0 0 10px;
	}

	.view-container .form {
		background-color: white;
		padding: 0 10px 0 10px;
		display: inline-block;
		width: 100%;
	}

	.view-container form {
		padding: 10px;
	}

.dialog-body {
	padding: 20px;
}

.dialog-footer {
	text-align: right;
	padding-right: 20px;
	height: 55px;
}

.dialog-header {
	color: white !important;
	padding-left: 20px;
	line-height: 40px;
	height: 40px;
	font-weight: bold;
}

.dialog-icon {
	font-size: 30px;
}

.dialog-message {
	display: inline-block;
	position: absolute;
	margin: 5px 0px 0px 10px;
	width: 85%;
}

.dialog-message-1 {
	display: inline-block;
	margin: 5px 0px 0px 10px;
	width: 85%;
}

.dialog-confirm-bg {
	background-color: #f0ad4e;
}

.dialog-confirm-cl {
	color: #f0ad4e;
}

.dialog-inform-bg {
	background-color: #999999;
}

.dialog-inform-cl {
	color: #999999;
}

.dialog {
	border: 1px solid white;
}

.common-grid-header {
	padding: 7px 15px;
	width: 100%;
	background-color: #878787;
	color: white;
	padding-left: 0px;
}

.common-about-document {
	background-color: white;
	width: 98%;
	margin-bottom: 20px;
}

.common-setting-box-main-contain {
	width: 100%;
	border: 2px solid #ddd;
	background: #ffffff;
	font-size: 14px;
	height: auto;
	border-radius: 4px;
}

.p-text-ellipsis {
	display: inline-block;
	text-overflow: ellipsis;
	width: auto;
	overflow: hidden;
	margin-bottom: 0px;
	white-space: nowrap;
}

.wraptextheadergrid {
	min-height: 38px;
	height: auto !important;
	word-wrap: break-word;
}

.common-tooltip-element {
	word-wrap: break-word;
}

.common-tooltip-color {
	color: gold;
}

.pagination-sm > li > a, .pagination-sm > li > span {
	font-size: 14px;
}

.pagination-sm > .active > a {
	color: white !important;
}

.notifyMessage {
	position: absolute;
	right: 0;
	padding: 8px;
	margin-top: 4px;
	border-radius: 0px;
	z-index: 999;
}

#todatesearchid ul {
	left: -140px !important;
}

.icon-document-title {
	float: left;
	margin-right: 10px;
	width: 40px;
	padding-left: 5px;
}

.border-none {
	border: none;
}

.pt12 {
	padding-top: 12px;
}

.hr-border-color {
	border-color: #ccc;
}
/*-------------------------------leaders-----------------------------------------*/
.leader {
	margin-top: 36px;
	position: fixed;
	right: 53px;
}

.leader-member {
	margin-top: 0px !important;
	position: fixed;
	right: 30px !important;
	width: 90% !important;
}

/*-------------------------------np-tabs ----------------------------------------*/

#np-tabs > li, #DocumentTab > li {
	text-align: center;
}

	#np-tabs > li > a, #DocumentTab > li > a {
		background-color: #e6e6e6;
		border: 1px solid #dddddd;
		border-bottom: none;
		font-size: 14px;
		padding-left: 10px;
		border-radius: 0;
	}

	#np-tabs > li.active > a, #DocumentTab > li.active > a {
		background-color: #ffffff;
		border-bottom: none;
	}

	#np-tabs > li:hover > a, #DocumentTab > li:hover > a {
		background-color: #ffffff;
		border-bottom: none;
	}

	#np-tabs > li.active.home-tab-active > a {
		background-color: #00283a !important;
		color: white !important;
	}

	#np-tabs > li a i.annual-cycle {
		color: #d86a0a;
	}

	#np-tabs > li a i.deviation {
		color: #6d9f18;
	}

	#np-tabs > li > a i.finance {
		background-image: url(/Content/Images/finance.png);
		display: inline-block;
		width: 17px;
		height: 14px;
		background-size: 17px 14px;
		background-repeat: no-repeat;
		position: relative;
		top: 1px;
	}

	#np-tabs > li.active > a i.finance {
		background-image: url(/Content/Images/finance-active.png);
	}

#np-lltabs > ul > li.active.home-tab-active > a {
	background-color: #00283a !important;
	border: 1px solid #00283a !important;
	color: white !important;
}

#np-lltabs > ul > li > a {
	background-color: #e6e6e6;
	border: 1px solid #dddddd;
	border-bottom: none;
	font-size: 14px;
	padding-left: 10px;
	border-radius: 0;
}

#np-lltabs > ul > li.active > a {
	background-color: #ffffff;
	border-bottom: none;
}

#np-lltabs > ul > li:hover > a {
	background-color: #ffffff;
	border-bottom: none;
}

#np-lltabs > ul > li:not(:first-child) > a {
	margin-left: 1px !important;
}

.meta-role-col {
	width: 100px;
	float: left;
	text-align: center;
}

.meta-role-header {
	height: 40px;
	background-color: #cccccc;
}

#metadataRegisterPermissions tbody tr:nth-child(odd) {
	background: #f2f2f2;
}

#metadataRegisterPermissions tbody tr:nth-child(even) {
	background: #FFF;
}

#metadataRegisterPermissions tbody tr td {
	padding: 5px 0px 0px 5px;
}

.td-odd {
	height: 50px;
	padding: 5px 0px 5px 0px;
	margin: 0px 20px 0px 20px;
}

.td-even {
	background-color: #f2f2f2;
	height: 50px;
	padding: 5px 0px 5px 0px;
	margin: 0px 20px 0px 20px;
}

.pl75 {
	padding-left: 75px;
}

.mrt15 {
	margin-top: 15px !important;
}

.margintop-10 {
	margin-top: -10px !important;
}

.angular-ui-tree-empty {
	/*TODO: Commented because of unexpected style - Will be removed later*/
	/*border: none;
    background-image: none;
    background-color: #00283A;*/
	display: none;
}

/*---------------------------------------------------------------------NOTIFICATION-----------------------------------------------------------------------------*/

.result-redirect-popup {
	height: 90px;
	padding: 20px 20px;
	font-size: 18px;
}

#searchReport .np-advs-folder-tree-wraper, .np-advs-warper .np-advs-folder-tree-wraper {
	min-width: 200px;
	width: 255px;
	overflow-x: auto;
}

#searchReportDeviation .dpt-tree-nav {
	width: 100%;
	right: -11px;
}

#searchReportDeviation .departmentContainer {
	z-index: auto;
}

#searchReportDeviation .departmentSelectionid input[type=text] {
	padding-right: 63px;
}

label#departmentSelection1 {
	margin-bottom: 0;
}

#searchReportDeviation .dropdown-menu {
	z-index: 9999;
}

#searchReportDeviation .color-lightGray {
	color: #ffffff; /* UU Design */
}

.dropdown-multiselect {
	width: 100%;
}

	.dropdown-multiselect button {
		width: 100%;
		text-align: left;
		background-image: none;
		border-width: 4px;
		height: 33px;
		padding-top: 0px;
		padding-bottom: 0px;
		font-family: inherit;
		font-size: inherit;
		line-height: inherit;
		font-weight: 100;
		padding-left: 5px;
		overflow-x: hidden;
		border: 1px solid rgba(112, 112, 112, 1);
	}

		.dropdown-multiselect button.dark {
			background-color: #949494;
			border-color: white;
			color: white;
		}

		.dropdown-multiselect button:hover, .dropdown-multiselect button:focus, .dropdown-multiselect button:active {
			background-color: #fff;
		}

		.dropdown-multiselect button.dark:hover, .dropdown-multiselect button.dark:focus, .dropdown-multiselect button.dark:active {
			background-color: #949494;
			border-color: white;
			color: white !important;
			background-image: none;
		}

	.dropdown-multiselect .dropdown-menu {
		width: 100%;
		max-height: 300px;
		overflow: auto !important;
		left:1px !important;
	}

		.dropdown-multiselect .dropdown-menu.dark {
			background-color: #949494;
			color: white;
		}

		.dropdown-multiselect .dropdown-menu li.dark {
			background-color: #949494 !important;
		}

		.dropdown-multiselect .dropdown-menu a.dark {
			color: white !important;
		}

	.dropdown-multiselect a.dark:focus, .dropdown-multiselect a.dark:hover {
		background-color: #428bca !important;
		background-image: none !important;
	}

	.dropdown-multiselect button .caret {
		float: right;
		margin-top: 8px;
	}

#np-tabs .typcn-message:before {
	font-size: 23px;
	margin-top: -10px;
}

.np-doc-square .typcn-message:before {
	font-size: 4em;
	margin-top: -15px;
}

#gridhearingtab #gridController {
	max-height: 200px;
}

.tooltip-inner .table-cell a {
	color: white !important;
	text-decoration: underline;
}

.table-css {
	display: table;
}

.table-row {
	display: table-row;
}

.table-cell {
	display: table-cell;
}


.tooltip-header {
	text-align: center;
	color: #fff;
	border-bottom: 1px solid white;
	margin-bottom: 5px;
}

.tooltip-element-file {
	color: #fff;
	cursor: pointer;
	word-wrap: break-word;
}

	.tooltip-element-file a { /* UU Design */
		color: #fff !important;
	}

.tooltip-label {
	word-wrap: break-word;
}

.tooltip-value {
	color: gold;
}

.popover-inner {
	background-color: #00283A;
	text-align: left;
	max-width: 500px;
	padding: 5px !important;
	font-family: Calibri,'Open Sans',Helvetica, Arial, sans-serif !important;
}

.openhearinggrid .typcn-message:before {
	font-size: 25px;
	margin-top: -7px;
}

.item-register {
	width: 100%;
	background-color: white;
	color: black;
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
	margin-bottom: 2px;
	position: relative;
	text-overflow: ellipsis;
}

.register-selection-clear {
	position: absolute;
	right: 5px;
	top: 0px;
	bottom: 1px;
	height: 14px;
	margin: auto;
	font-size: 14px;
	cursor: pointer;
	color: #666666;
}

.adjustwidth {
	padding-left: 33px;
}

.box-language {
	color: white;
	cursor: pointer;
	padding-top: 5px;
	padding-left: 6px;
	position: absolute;
	top: -3px;
	right: 60px;
	cursor: pointer;
}

.arrow-language {
	right: 0px;
	padding-top: 3px;
	color: black;
}

.dropdown-language {
	right: 0px !important;
	left: inherit;
	width: 200px;
	top: 30px;
	padding-left: 10px;
	margin-bottom: 2px;
}

.flag-icon-language {
	margin: 0;
	padding: 0;
	float: left;
	background-color: white;
	border: none;
	height: 22px;
}

	.flag-icon-language span {
		margin: 0;
		padding: 0;
		float: left;
		width: 78px;
		text-align: left;
		padding-left: 5px;
		padding-top: 1px;
		color: black;
	}

	.flag-icon-language img {
		width: 26px;
		float: left;
	}

.flag-english {
	height: 21px;
}

.label-english {
	width: 50px !important;
}

.icon-language {
	width: 26px;
	height: 21px;
	cursor: pointer;
	z-index: 9999;
}

.setting-save-searches-icon {
	font-size: 20px;
	color: white;
	margin-top: 7px;
}

.setting-edit-hearing {
	vertical-align: top;
	margin-top: 5px !important;
}

.setting-save-reader-icon {
	font-size: 20px;
	color: white;
	margin-top: 5px;
	vertical-align: top;
}

.search-reader-list {
	width: 250px;
	display: inline-block;
}
/*-------------------------------media ----------------------------------------*/
@media(max-width:1450px) {
	.topmenufoldercontent .col-sm-6 {
		width: 65%;
	}

	.topmenufoldercontent .col-sm-5 {
		width: 35%;
	}
}

@media(max-width:1200px) {
	.topmenufoldercontent .col-sm-6 {
		width: 70%;
	}

	.topmenufoldercontent .col-sm-5 {
		width: 30%;
	}

	.mobile-probability {
		padding-left: 20px !important;
		padding-right: 0 !important;
	}

		.mobile-probability .pl50 {
			padding-left: 5px !important;
		}
}


@media(min-width:1200px) {
	.mrt-5 {
		margin-top: -5px !important;
	}
}

@media (min-device-width: 768px) and (max-device-width: 1024px) {
	.navbar-right {
		width: 30% !important;
		margin-right: 10px;
	}

	.sidebar-rtl #sidebar_right {
		right: 0px;
	}
}

@media(max-width:1024px) {

	.navbar-right {
		right: 25px;
	}

	.tab-pane #npDocumentActions, .tab-pane .npDocumentActions {
		padding-top: 30px;
	}

	#npDocumentActions .col-sm-3, .npDocumentActions .col-sm-3 {
		display: table;
		padding-bottom: 30px;
	}

	#npDocumentActions .np-doc-square, .npDocumentActions .np-doc-square {
		display: table-cell;
		vertical-align: middle;
	}

	.np-doc-square .fa-3x, .np-doc-square .fa-4x {
		font-size: 2.5em;
	}

	.np-doc-square .fa-archive.fa-3x.pt10 {
		font-size: 2.3em;
		padding-top: 0 !important;
	}

	.np-doc-square .glyphicon-4x {
		font-size: 3em;
	}

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

	.np-doc-square .fa-file-o.fa-3x.margin-top-20 {
		margin-top: 5px;
	}

	.margin-bottom-tablet {
		margin-bottom: 15px;
		margin-top: 0 !important;
	}

	.pt304tbl {
		padding-top: 10px !important;
	}

	.ptn4tbl {
		padding-top: 0px !important;
	}
}

@media(max-width:980px) {

	.avoid-custom-page {
		right: 24px !important;
	}

	#print-box2.print-box.avoid-custom-page {
		right: 20px;
	}

	.pin-icon {
		display: none;
	}

	.departmentInfoContainer {
		margin: 10px 20px 10px 20px;
	}

	.rolesContainer {
		margin: 10px 20px 0px 20px;
	}

	.meataContainer {
		margin: 10px 10px 0px 10px;
	}

	.role-width-tablet {
		width: 93%;
	}

	.navbar-right {
		right: 0px;
	}

	.padding-bottom-tablet-0 {
		padding-bottom: 0 !important;
	}

	.topmenufoldercontent .col-sm-6 {
		width: 65%;
	}

	.topmenufoldercontent .col-sm-5 {
		width: 35%;
	}
}

@media(max-width:830px) {
	.modal-dialog.modal-lg {
		width: auto !important;
	}
}

@media(max-width:767px) {
	.seperate-line {
		display: none;
	}

	.np-advs-search-btn > i {
		bottom: -67px;
	}
}

@media(max-width:480px) {
	input[type=text].search-box {
		width: 135px;
	}

	.font-size-11 {
		font-size: 11px;
	}

	.advance-search input[type=text].search-box {
		background-position-x: 210px;
	}

	.search-box {
		background-position-x: 140px;
	}

	.squaredFour {
		left: 140px;
	}

	.squaredFour-label {
		left: 210px;
	}

	.nav-tabs > li > a.manage-favorite-tab {
		width: 85px;
	}

	.btn-manage-favorite {
		padding: 6px 3px;
		font-size: 12px;
	}

	.delete-icon {
		margin-right: 4px;
		margin-top: 7px;
	}

	.document-1-icon,
	.document-2-icon,
	.document-3-icon,
	.document-4-icon,
	.folder-5-icon,
	.folder-6-icon,
	.folder-7-icon {
		line-height: 30px;
	}

	.navbar-toggle {
		margin-right: 2px;
	}

	.search-icon {
		background-position: -6px;
		width: 24px;
	}
}

@media(max-width:390px) {
	.squaredFour label, .squaredFour-label {
		display: none;
	}

	.fixed-bottom {
		margin-left: 30px;
	}

	.margin-0 {
		margin: 0 0 0 0;
	}
}

.button-search-top-toggle {
	margin-top: -7px;
	height: 35px;
	cursor: pointer;
}

@media(max-width: 1200px) {
	.topbar-left {
		width: 95%;
	}
}

.modal-sm {
	left: 0%;
}

	.modal-sm .modal-body {
		padding-bottom: 0px;
	}

	.modal-sm .modal-content {
		background-color: white;
	}

.advance-search-header {
	padding: 0 0 1px 0;
	margin: 20px 10px 0 0;
}

.advance-search-text {
	color: #075095;
	padding-left: 25px;
}

.advance-search-footer {
	text-align: right;
	margin: -15px 14px 12px 10px;
}

.btn-advance-search {
	background-color: #075095;
	color: white;
	width: 72px;
	margin-top: 20px;
}

.btn-datepicker {
	border: none;
	position: relative;
	top: 0px;
	display: inline-block;
	line-height: 0;
	background-image: url("/Content/Images/icon_calendar_default.png") !important;
	background-repeat: no-repeat;
	background-position: 0px 1px;
	background-size: 24px 24px;
}

	.btn-datepicker:hover, .btn-datepicker:focus {
		background-color: none;
		background-position: 0px 1px !important;
	}

.input-group-btn .btn-default:hover, .input-group-btn .btn-default:focus {
	background-color: none;
	background-position: -3px -3px;
}

.padding-input-text {
	padding: 6px 6px 6px 6px;
}

.input-group-btn .btn-default {
	text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.advance-search select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('/Content/Images/icon_down.png') no-repeat;
	background-attachment: initial;
	background-size: contain;
	background-position: 117px 1px;
	background-color: white;
	padding-right: 18px;
}

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

.about-border-left {
	color: #075095;
	border-left: solid 3px;
	border-color: #616161;
}

.boder-bottom-tab {
	border-bottom: 1px black solid;
}

.about-border-left-1 {
	color: #616161;
	border-left: 2px solid #404040;
}

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

.cursor-pointer {
	cursor: pointer;
}

.exporter-options {
	padding: 20px;
	background: #E3E3E3;
}

@media(max-width:321px) {
	.notify-extend {
		left: -55px;
	}
}

.approveDocumentContainer {
	margin: 10px 25px 10px 65px;
	display: block;
	width: 70%;
}

.form {
	padding-top: 15px;
}




/*CSS for directives*/

.dropdown-list {
	position: relative;
}

	.dropdown-list .input-group {
		border: 5px solid #fff;
	}

		.dropdown-list .input-group input[type='text'] {
			background: #ccc;
			color: #555;
			width: 100%;
			-webkit-box-shadow: none;
			box-shadow: none;
			cursor: pointer;
			border: 0;
		}

			.dropdown-list .input-group input[type='text']:focus {
				border: 0;
			}

		.dropdown-list .input-group span {
			background: #ccc;
			color: #000;
			padding: 0;
			cursor: pointer;
		}

		.dropdown-list .input-group .remove {
			min-width: 15px;
		}

		.dropdown-list .input-group .dropdown {
			min-width: 30px;
		}

	.dropdown-list .item-list {
		position: absolute;
		z-index: 9999;
		left: 0;
		right: 0;
	}

		.dropdown-list .item-list button {
			border: 0;
		}

		.dropdown-list .item-list input[type='text']:focus {
			outline: 0;
		}

		.dropdown-list .item-list ul {
			border: 5px solid #fff;
			max-height: 250px;
			background: #e6e6e6;
			color: #555;
			padding: 0;
			overflow: auto;
		}

			.dropdown-list .item-list ul li {
				padding: 5px 0 5px 15px;
			}

				.dropdown-list .item-list ul li:hover {
					background: #ccc;
					cursor: pointer;
				}

				.dropdown-list .item-list ul li[disabled='disabled'] {
					background: #ddd;
					cursor: not-allowed;
				}

				.dropdown-list .item-list ul li span {
					padding-right: 5px;
				}

/*End CSS for directives*/

.image-uploader-container {
	height: 31px;
	cursor: pointer;
	border: solid 1px #d1d6dc;
}

	.image-uploader-container button {
		width: 38px;
		height: 30px;
		display: inline-block;
		margin-left: 5px;
		float: right;
		border: none;
		border-left: solid 1px #d1d6dc;
		background: url('/Content/Images/icon-uploader.png') no-repeat center center;
	}

	.image-uploader-container label {
		float: left;
		margin-left: 10px;
		margin-top: 4px;
	}

	.image-uploader-container.drag-over {
		padding: 5px;
		border: 2px #f1f1f1 dashed;
		border-radius: 5px;
		height: 40px;
	}

.add-register-item-values-form .values {
	border: 1px solid #494949;
	padding: 5px;
}

#add-department-reader-form table#gridController tbody {
	max-height: 234px;
}

#add-person-reader-form {
	height: 75px;
}

	#add-person-reader-form div.dropdown-list {
		position: fixed;
		width: 517px;
		z-index: 1;
	}

.departmentInfoForm .publising-period {
	font-size: 16px;
	font-weight: bold;
}

.npdoc-editform-warper .form-control[disabled],
.npdoc-editform-warper input[disabled],
.npdoc-editform-warper select[disabled] {
	cursor: default;
}

.startpage-news {
	font-size: 15px;
}

	.startpage-news .collapsed-arrow,
	.startpage-news .collapse-arrow {
		margin: 5px 8px 0 0;
	}

	.startpage-news .news-group-title {
		height: 40px;
		padding: 10px;
		background-color: #00283a;
		color: #fff;
		font-weight: 700;
	}

	.startpage-news.deviation .news-group-title {
		background-color: #6d9f18;
	}

	.startpage-news.rm .news-group-title {
		background-color: #dd283a;
	}

	.startpage-news .collapsed-news .news-item {
		border-right: 2px solid #00283a;
		padding: 0 10px;
		margin-top: 12px;
		font-weight: 700;
	}

	.startpage-news .collapsed-news .show-more {
		padding-left: 10px;
		margin-top: 10px;
	}

	.startpage-news .expanded-news .show-more a {
		font-weight: 700;
		color: #fff !important;
	}

	.startpage-news .expanded-news .news-item,
	.startpage-news .expanded-news .read-more {
		padding-left: 10px;
		padding-right: 10px;
		margin-right: 10px;
		font-weight: 700;
		background-color: #f2f2f2;
	}

	.startpage-news .expanded-news .read-more {
		padding-bottom: 5px;
	}

		.startpage-news .expanded-news .news-item:last-child,
		.startpage-news .expanded-news .read-more:last-child {
			margin-right: 0;
		}

	.startpage-news .expanded-news .news-item a {
		color: #00283a !important;
	}

		.startpage-news .expanded-news .news-item a h4 {
			font-size: 14px;
			font-weight: 700;
		}

	.startpage-news .expanded-news .news-item .news-ingress {
		padding-left: 0px;
		font-size: 13px;
	}

		.startpage-news .expanded-news .news-item .news-ingress p {
			text-align: left;
			max-height: 8em;
			overflow: hidden;
		}

#searchDepartments .angular-ui-tree-nodes:first-child {
	padding-left: 0;
}

#searchDepartments .angular-ui-tree-handle:hover {
	background: #357ebd;
	color: #fff !important;
}

#searchDepartments .angular-ui-tree-handle.tc-disabled:hover {
	background: #fff;
	color: #ccc !important;
	cursor: not-allowed;
}

#searchDepartments .search-result {
	padding-top: 0;
	padding-left: 0px;
	margin-right: 0;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.15);
	position: absolute;
	width: 100%;
	z-index: 999;
	max-height: 200px;
	overflow-y: auto;
}

/*TODO: Removed caused a bad style*/
/*#tree-root ol li div {
    height: 100%;
    padding: 5px;
}*/

.sidebar-menu #tree-root ol li div,
#sidebar_left #tree-root ol li div {
	height: 100%;
	padding: 0;
}

.sidebar-menu #tree-root-toc ol li div,
#sidebar_left #tree-root-toc ol li div {
	height: 100%;
	padding: 0px 0px 0px 50px;
	text-indent: -2em;
}

.sidebar-menu #tree-root ol li span.virtual-document {
	width: 18px;
	height: 18px;
	background: url('/Content/Images/virtual-document.png');
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 2px;
}

.sidebar-menu .refresh-tree-button {
	margin-left: 7px;
	color: #878c94;
}

	.sidebar-menu .refresh-tree-button:hover {
		color: #fff;
	}

.departmentInfoForm #searchDepartments .search-result {
	width: 96%;
}

#searchDepartments .search-result ul {
	padding-left: 0px;
	margin-bottom: 0px;
}

	#searchDepartments .search-result ul li {
		padding: 5px 10px;
	}

		#searchDepartments .search-result ul li.active-item {
			background: #357ebd;
		}

			#searchDepartments .search-result ul li.active-item span {
				color: #fff !important;
			}

		#searchDepartments .search-result ul li span {
			color: #666 !important;
		}

		#searchDepartments .search-result ul li:hover {
			background: #357ebd;
			cursor: pointer;
		}

			#searchDepartments .search-result ul li:hover span {
				color: #fff !important;
			}

#compare-with-earlier-version {
	max-height: 00px;
	padding: 15px;
}

	#compare-with-earlier-version .error-message {
		background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
		background-repeat: repeat-x;
		text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
		color: #b94a48;
		background-color: #f2dede;
		border-color: #eed3d7;
		padding: 15px;
		margin-bottom: 15px;
		border: 1px solid transparent;
		border-radius: 0px;
		text-align: center;
		margin-left: 15px;
		margin-right: 15px;
		border: 1px solid #dca7a7;
	}

	#compare-with-earlier-version .h3-title {
		background: #00283A;
		color: #fff;
		padding: 5px;
		margin-top: 0px;
	}

	#compare-with-earlier-version .title-comparison-result {
		background: #00283A;
		color: #fff;
		margin-top: 0px;
		display: flex;
	}

	#compare-with-earlier-version .versions .earlier-version {
		padding-bottom: 15px;
		border-bottom: 5px solid #666;
		margin-bottom: 15px;
	}

	#compare-with-earlier-version .comparison-result {
		max-height: 930px;
		overflow-y: auto;
		z-index: 9999;
		height: 100%;
	}

	#compare-with-earlier-version .comparison-versions {
		z-index: 990;
	}

.compared-version {
	max-height: 400px;
	overflow-y: auto;
	padding: 5px;
}

#compare-with-earlier-version ul,
#compare-with-earlier-version ol {
	color: #333;
}

#compare-with-earlier-version del {
	color: #999;
	background-color: #fec8c8;
}

	#compare-with-earlier-version del img {
		padding-bottom: 5px !important;
		border-bottom: 1px solid red;
	}

#compare-with-earlier-version ins {
	background-color: #cfc;
	text-decoration: none;
}

	#compare-with-earlier-version ins img {
		padding-bottom: 5px !important;
		border-bottom: 1px solid #27DE27;
	}

.document-action-compare {
	width: 50px;
}

.export-button .btn:hover {
	color: #fff !important;
}


#folder-content-identifier .export-button .btn:hover {
	color: #999 !important;
}

.editRoleContainer .export-button {
	margin-top: -5px;
}

.editRoleContainer .tab-content.extend > div {
	background: #fff;
}

.common-grid-header .export-button,
.home-grid-header .export-button {
	margin-top: -7px;
	margin-right: 25px !important;
}

#folder-content-identifier .export-button .btn {
	color: #999 !important;
}

.export-button a {
	color: #fff !important;
}

	.export-button a.glyphicons-file_export {
		color: #999 !important;
	}

	.export-button a:hover, .export-button a:focus, .gridSettingButton a:hover, .gridSettingButton a:focus {
		text-decoration: none;
	}

.btn-check-setting {
	background-color: #838383;
}

.attachment-icon {
	background: url('/Content/Images/attach-32.png');
	cursor: pointer;
	display: inline-block;
	width: 24px;
	height: 24px;
}

.alert {
	position: fixed;
	z-index: 999999;
	right: 15px;
	top: 110px;
	border-radius: 0;
}

	.alert.alert-fixed {
		position: static;
	}

	.alert > div {
		display: inline-block;
	}


.action-button {
	background-color: white;
	height: 180px;
	text-align: center;
	cursor: pointer;
	margin: 0 0 15px 0;
	width: 100%;
	border: 1px solid #333333;
}

.action-view {
	background: #fff;
	padding: 15px 15px 0 15px;
}

	.action-view .action-button {
		background-color: #f2f2f2;
	}

.action-button i {
	color: #b3b3b3;
	margin-top: 20px;
	font-size: 5em;
}

.action-button.annual-cycle i {
	color: #d86a0a;
}

.action-button.deviation i {
	color: #6d9f18;
}

.action-button > span {
	display: block;
	font-weight: bold;
	font-size: 15px;
	margin-top: 15px;
}

.tab-content .tab-item {
	background: #f2f2f2;
}

.tab-content.extend {
	background-color: #f2f2f2;
	padding-top: 15px;
}

	.tab-content.extend .tab-buttons {
		margin-bottom: 15px;
	}

		.tab-content.extend .tab-buttons > button {
			margin-right: 15px;
		}

.abort-save {
	margin-bottom: 15px;
}

	.abort-save button {
		margin-left: 15px;
	}

form.key-word-search-form button.search {
	background: #00a7ff;
	color: #fff;
	padding: 6px 12px;
	position: absolute;
	top: 0px;
	right: 15px;
	font-size: 22px;
	cursor: pointer;
	border: 0;
}

.group-of-form-groups,
.group-of-rows {
	padding: 15px 15px 0 15px;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}

.icon.icon-ehand_home.fa-lg.padding-right--none.rm_c {
	position: initial;
	top: 3px;
	margin-left: 0px !important;
}

.np-breadcrumbs span:nth-child(3) i:first-child {
	position: relative;
	margin-left: 0px !important;
}

.np-breadcrumbs span a {
	padding-left: 5px;
	padding-right: 5px;
}

form div.checkbox {
	margin-top: -3px;
}

	form div.checkbox input[type='checkbox'] {
		position: relative;
		top: 3px;
	}

.checkbox {
	margin-top: 0 !important;
}

.btn.annual-cycle {
	background: #d86a0a !important;
}

.btn.deviation {
	background: #6d9f18 !important;
}

.btn.annual-cycle.active {
	background: #94421d !important;
	cursor: default;
}

.btn.deviation {
	background: #6d9f18 !important;
}

.btn.btn-standard.search-button {
	font-size: 16px;
}

.edit-document-view .tab-content.extend > div {
	background: #fff;
}

.btn-group > .btn:hover {
	outline: 0;
}

#topbar i.annual-cycle,
#topbar a.annual-cycle, #tooltipDocuments {
	color: #d86a0a !important;
}

/* Common styles */
.row-odd {
	height: 34px;
	padding: 5px 0px;
	margin: 0px 20px;
}

.row-even {
	background-color: #f2f2f2;
	height: 34px;
	padding: 5px 0px;
	margin: 0px 20px;
}

.action-button {
	background-color: #ececec;
	height: 180px;
	margin: 0 0 15px 0;
	text-align: center;
	width: 100%;
}

	.action-button[disabled='disabled'] {
		background-color: #ddd;
		cursor: not-allowed;
	}

	.action-button i {
		color: #b3b3b3;
		font-size: 5em;
		margin-top: 20px;
	}

	.action-button.annual-cycle i {
		color: #d86a0a;
	}

	.action-button > span {
		display: block;
		font-weight: bold;
		font-size: 15px;
		margin-top: 15px;
	}

div[name="youtubePlugin"] > table > tbody > tr:first-child,
div[name="youtubePlugin"] > table > tbody > tr:nth-child(2) {
	display: none;
}
/* End common styles */

/* Styles for top bar*/
.activity-notifications {
	min-width: 0px !important;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

	.activity-notifications > button:before {
		font-family: 'FontAwesome';
		content: "\f133";
		font-size: 2em;
		cursor: pointer;
	}

	.activity-notifications > button {
		width: 26px;
		padding: 0 !important;
		border: 0;
		background-color: #474747;
		margin-top: 0 !important;
		text-shadow: none;
		box-shadow: none;
	}

		.activity-notifications > button:active,
		.activity-notifications > button:focus {
			box-shadow: none !important;
			color: #666 !important;
		}

			.activity-notifications > button:focus:before {
				outline: 5px auto -webkit-focus-ring-color;
			}

		.activity-notifications > button span {
			display: inline-block;
			margin-left: -31px;
			font-weight: bold;
			text-shadow: none;
			width: 35px;
			margin-top: -5px;
		}

	.activity-notifications > div {
		width: 500px;
		overflow-y: auto;
		overflow-x: hidden;
		right: 0px !important;
		top: 55px;
	}

		.activity-notifications > div.have-no-activities {
			padding: 15px;
			min-width: auto;
			width: auto;
		}

		.activity-notifications > div div.control-buttons,
		.activity-notifications > div div.activity {
			padding: 0px 5px 0px 15px;
			margin-top: 15px;
		}

		.activity-notifications > div div.control-buttons {
			margin-bottom: 15px;
		}

		.activity-notifications > div div.activity {
			cursor: pointer;
		}

		.activity-notifications > div div.control-buttons div.text-right {
			padding-right: 25px;
		}

		.activity-notifications > div div.control-buttons span,
		.activity-notifications > div div.control-buttons a {
			background-color: #075095;
			color: white;
			text-shadow: none;
		}

			.activity-notifications > div div.control-buttons span.active {
				color: #075095;
				background-color: white;
				font-weight: bold;
			}

	.activity-notifications .activities {
		border: 1px solid #DDD;
		border-radius: 3px;
		margin: 15px;
		padding-top: 10px;
		padding-right: 5px;
		padding-bottom: 15px;
		max-height: 500px;
		overflow: auto;
	}

	.activity-notifications .activity {
		margin-right: 0;
	}



		.activity-notifications .activity .activity-month {
			font-size: 1.2em;
			background-color: #D26A12;
			text-align: center;
			font-weight: bold;
		}

		.activity-notifications .activity .activity-day {
			font-size: 2em;
			background-color: #DDD;
			text-align: center;
			font-weight: bold;
		}

		.activity-notifications .activity .activity-month-year {
			text-align: center;
			background-color: #DDD;
			font-size: 1.2em;
		}

		.activity-notifications .activity .activity-name {
			font-size: 1em;
			line-height: 2em;
		}

.font-size-35 {
	font-size: 35px;
}

.btn-submit {
	position: relative;
	padding-right: 30px;
	background: #0087CE;
	text-transform: uppercase;
	font-weight: bold;
}

@media(max-width: 769px) {
	.navbar-header .activity-notifications {
		display: block;
	}

		.navbar-header .activity-notifications .control-buttons > div:nth-child(2) {
			display: none;
		}

	ul.navbar-nav .activity-notifications {
		display: none;
	}

	.meta-role-col {
		width: 20%;
	}

	.adjustwidth {
		width: 25px !important;
	}
}

@media(min-width: 768px) {
	.navbar-header .activity-notifications {
		display: none;
	}

	ul.navbar-nav .activity-notifications {
		display: block;
	}

	.topmenu-searchfield .search-mode .tooltip-inner {
		width: 350px;
		left: -60px;
	}
}

@media(max-width: 390px) {
	.activity-notifications > div {
		width: 320px;
	}

	.topmenu-searchfield .search-mode .tooltip-inner {
		width: 300px;
		left: -60px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 768px) {
	.activity-notifications > button {
		margin-top: -10px;
	}

		.activity-notifications > button span {
			width: 45px;
		}
}
/* End styles for top bar*/

/* Styles for route-view and its components */
.route-view {
	margin: 0 10px 0 15px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 10px;
	/*overflow-y: auto;
    overflow-x: hidden;
    padding-left: 10px;
    padding-right: 10px;*/
}

	.route-view hr {
		margin: 0 0 15px 0;
		border: 1px solid #e6e9ed;
	}

	.route-view label,
	.dlg-container label {
		font-weight: normal;
	}

	.route-view .mandatory,
	.dlg-container .mandatory {
		color: #ff2338 !important;
		font-weight: bold;
	}

	.route-view h2 {
		text-transform: uppercase;
		margin: 0 0 15px 0;
	}

	.route-view form,
	.route-view .grid,
	.route-view .tabs {
		margin-bottom: 15px;
		padding: 15px 15px 0 15px;
		background: #fff;
		border: 1px solid #e6e9ed;
	}

		.route-view form .tabs {
			margin-bottom: 0;
			padding: 0;
			border: 0;
		}

		.route-view .tabs .grid,
		.route-view form .grid {
			padding: 0;
			border: 0;
		}

		.route-view .grid .grid-controls {
			margin-bottom: 15px;
		}

			.route-view .grid .grid-controls .tab-buttons {
				margin-bottom: 0;
			}

			.route-view .grid .grid-controls button,
			.route-view .tabs .tab-content .tab-pane .tab-buttons button {
				height: 34px;
				margin-right: 15px;
			}

			.route-view .grid .grid-controls .simple-search span {
				border: 0;
				border-radius: 0;
				background: #00a7ff;
				color: #fff;
				cursor: pointer;
			}

			.route-view .grid .grid-controls .simple-search.deviation span {
				background: #6d9f18;
			}

			.route-view .grid .grid-controls .simple-search.annual-cycle span {
				background: #d86a0a;
			}

.popup-view {
	padding: 15px;
	background: #f2f2f2;
}

	.popup-view .modal-header {
		background: #fff;
		padding: 15px;
		height: inherit !important;
		text-transform: uppercase;
		font-size: 2em;
	}

	.popup-view .modal-body {
		background: #fff;
		padding: 0 15px;
	}

		.popup-view .modal-body > .form-group:last-child {
			margin-bottom: 0;
		}

	.popup-view .modal-footer {
		border-top: none;
		padding: 15px;
		background: #fff;
	}

		.popup-view .modal-footer np-abort-save > div > div {
			margin-top: 0 !important;
		}
/* End styles for route-view and its components */

/* Styles for modal dialog */
.modal-header {
	background: #f2f2f2;
	padding-bottom: 0;
}

	.modal-header h2 {
		margin-top: 0;
		margin-bottom: 0;
	}

.modal-body {
	background: #f2f2f2;
}

	.modal-body form {
		background: #fff;
		padding: 15px 15px 0 15px;
		margin-bottom: 15px;
	}

.popup-view .modal-body form {
	padding: 0;
	margin-bottom: 0;
}

.modal-body .abort-save {
	margin-bottom: 0;
}

.modal-body label {
	font-weight: normal;
}
/* End styles for modal dialog */

/* Styles for about popup */
.about-popup .site-name {
	color: #00283A;
	font-weight: bold;
	font-size: 20px;
}
/* End styles for about popup */

/* Styles for Add security groups modal*/
.modal-body.add-security-groups > div {
	background: #fff;
	margin-bottom: 15px;
	padding: 15px 15px 5px 15px;
}

	.modal-body.add-security-groups > div ul {
		padding-left: 0;
	}
/* End styles for Add security groups modal*/

/* Styles for meta data pages  */
.update-meta-data-view np-abort-save > div > div,
.update-meta-register-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.update-meta-data-view .tab-content.extend {
	padding: 15px 0 0 0;
}
/* End Styles for meta data pages */

/* Styles for menu pages */
.update-menu-column-view table.permissions,
.update-menu-group-view table.permissions,
.update-menu-bullet-view table.permissions {
	width: 100%;
	margin-bottom: 15px;
}

	.update-menu-column-view table.permissions tr td:first-child,
	.update-menu-group-view table.permissions tr td:first-child,
	.update-menu-bullet-view table.permissions tr td:first-child {
		width: 25px;
		padding: 0 15px;
	}

	.update-menu-column-view table.permissions tr td:nth-child(3),
	.update-menu-group-view table.permissions tr td:nth-child(3),
	.update-menu-bullet-view table.permissions tr td:nth-child(3) {
		width: 30%;
	}

	.update-menu-column-view table.permissions tr td:nth-child(4),
	.update-menu-group-view table.permissions tr td:nth-child(4),
	.update-menu-bullet-view table.permissions tr td:nth-child(4) {
		width: 25%;
	}

	.update-menu-column-view table.permissions tr.header-row,
	.update-menu-group-view table.permissions tr.header-row,
	.update-menu-bullet-view table.permissions tr.header-row {
		height: 40px;
		background: #ccc;
		text-transform: uppercase;
	}

	.update-menu-column-view table.permissions tr.header-row,
	.update-menu-column-view table.permissions tr.permissions-title,
	.update-menu-group-view table.permissions tr.header-row,
	.update-menu-group-view table.permissions tr.permissions-title,
	.update-menu-bullet-view table.permissions tr.header-row,
	.update-menu-bullet-view table.permissions tr.permissions-title {
		font-size: 18px;
		font-weight: 700;
	}

	.update-menu-column-view table.permissions tr td .fa.fa-times,
	.update-menu-group-view table.permissions tr td .fa.fa-times,
	.update-menu-bullet-view table.permissions tr td .fa.fa-times {
		cursor: pointer;
		color: #666;
	}

.update-menu-column-view .control-buttons,
.update-menu-group-view .control-buttons,
.update-menu-bullet-view .control-buttons {
	margin-bottom: 15px;
}

	.update-menu-column-view .control-buttons button,
	.update-menu-group-view .control-buttons button,
	.update-menu-bullet-view .control-buttons button {
		margin-right: 15px;
	}

		.update-menu-column-view .control-buttons button:first-child i,
		.update-menu-group-view .control-buttons button:first-child i,
		.update-menu-bullet-view .control-buttons button:first-child i {
			font-size: 11px;
		}
/* End styles for menu pages */

/* Styles for department & employee pages */
.create-department-view .checkbox,
.edit-department-view .checkbox {
	margin-top: 30px;
}

.create-department-view .tab-content.extend,
.edit-department-view .tab-content.extend {
	padding: 15px 0 0 0;
}

	.edit-department-view .tab-content.extend .tab-buttons button {
		height: 34px;
	}

.create-department-view np-abort-save > div > div,
.edit-department-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.employees-management-view h5 {
	display: inline-block;
	margin: 0 15px 15px 0;
}

.new-employee-view .tab-content.extend,
.edit-employee-view .tab-content.extend {
	padding: 15px 0 0 0;
}

.new-employee-view np-abort-save > div > div,
.edit-employee-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.employeeContainer .left-align {
	margin-right: 10px;
}

	.employeeContainer .left-align.department {
		width: 250px;
	}

	.employeeContainer .left-align > input[type=text] {
		width: 150px;
	}

	.employeeContainer .left-align .btn.btn-standard {
		height: 34px;
		padding: 5px 12px;
	}

.employeeContainer .checkbox {
	margin-right: 20px;
}

	.employeeContainer .checkbox input {
		top: 13px;
	}

.employeeContainer #departmentSelection1 #departmentSelectionInput1 {
	width: 100%;
	height: 34px;
	display: block;
}
/* End styles for department & employee pages */
/* Styles for document templates */
.add-document-template-view .checkbox,
.edit-document-template-view .checkbox {
	display: inline-block;
	margin-right: 15px;
}

.edit-document-template-view .tab-content.extend {
	padding: 15px 0 0 0;
}

.add-document-template-view np-abort-save > div > div,
.edit-document-template-view np-abort-save > div > div {
	margin-top: 0 !important;
}
/* End styles for document templates */

/* Styles for reading lists */
.create-reading-list np-abort-save > div > div,
.edit-reading-list np-abort-save > div > div {
	margin-top: 0 !important;
}

.edit-reading-list .tab-content.extend {
	padding: 15px 0 0 0;
}

.add-department-reader .number-of-excluded-employees {
	position: absolute;
	margin-top: -36px;
	margin-left: 100px;
}
/* End styles for reading lists */

/* Styles for manage folder structure view */

/* End styles for manage folder structure view */

/* Styles for NewsCategories & News Tasks */
.update-news-category-view np-abort-save > div > div,
.update-news-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.update-news-category-view .row.permissions-header {
	margin: 10px 0 0 0;
}

	.update-news-category-view .row.permissions-header > div {
		height: 40px;
		background: #ccc;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		padding-top: 7px;
	}

		.update-news-category-view .row.permissions-header > div:nth-child(3) {
			padding-left: 21px;
		}

.update-news-category-view .row.permissions-title > div {
	height: 34px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	padding-top: 7px;
}

.update-news-category-view .row.permission {
	height: 38px;
	padding: 8px 0 0 0;
	margin: 0;
}

	.update-news-category-view .row.permission .fa.fa-times {
		cursor: pointer;
		color: #666;
	}

	.update-news-category-view .row.permission > div:first-child > span.fa.fa-times {
		margin-right: 5px;
		cursor: pointer;
	}

	.update-news-category-view .row.permission > div:nth-child(3) {
		padding-left: 22px;
	}

.update-news-category-view .row.control-buttons {
	margin: 15px 0;
}

.news-management-view .grid-controls .status-filter {
	margin-left: 15px;
	display: inline;
	width: 150px;
}

.update-news-view .btn.btn-preview {
	background-color: #009178;
	margin-left: 15px;
}

	.update-news-view .btn.btn-preview:hover {
		color: #fff;
	}

.update-news-view .tab-content.extend {
	padding: 15px 0 0 0;
}

	.update-news-view .tab-content.extend > div {
		background: #fff;
	}

.update-news-view .uib-timepicker tr:first-child,
.update-news-view .uib-timepicker tr:last-child {
	display: none;
}

.update-news-view #cke_editor100 {
	margin-bottom: 15px;
}
/* End styles for NewsCategories & News Tasks */

/* Styles for folder */
.chapter-view #foldersTab #gridController tbody tr td:nth-child(4) span:nth-child(2),
.chapter-view .sub-folders #gridController tbody tr td:nth-child(4) span:nth-child(2) {
	top: 4px;
	position: relative;
}

.chapter-view #gridController td span.virtual-document, .np-search-result-warper #gridController td span.virtual-document {
	width: 18px;
	height: 18px;
	background: url(/Content/Images/virtual-document_black.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 5px;
}

.chapter-view .btn-group .dropdown-toggle:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

#folder-structure-view ol li span.virtual-document {
	width: 18px;
	height: 18px;
	background: url(/Content/Images/virtual-document_black.png);
	background-repeat: no-repeat;
	display: inline-block;
	position: relative;
	top: 2px;
}

.create-folder-view np-abort-save > div > div,
.edit-folder-view np-abort-save > div > div,
.edit-folder-permissions-view np-abort-save > div > div,
.manage-folder-documents-view np-abort-save > div > div,
.edit-sub-chapters-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.create-folder-view np-tree-nav .tree-background,
.edit-folder-view np-tree-nav .tree-background {
	position: relative;
}

.create-folder-view np-tree-nav #tree-root,
.edit-folder-view np-tree-nav #tree-root {
	width: 100%;
	top: 34px !important;
	border: 0;
	border-radius: 0;
}

.edit-folder-view label#folderSelection {
	margin-bottom: 0;
}

.edit-folder-permissions-view table {
	width: 100%;
	margin-bottom: 15px;
}

	.edit-folder-permissions-view table tr.header-row {
		height: 40px;
		background: #ccc;
		text-transform: uppercase;
	}

	.edit-folder-permissions-view table tr.header-row,
	.edit-folder-permissions-view table tr.permissions {
		font-size: 18px;
		font-weight: 700;
	}

	.edit-folder-permissions-view table tr td {
		width: 80px;
	}

		.edit-folder-permissions-view table tr td:first-child {
			width: 25px;
			padding: 0 15px;
		}

		.edit-folder-permissions-view table tr td:nth-child(2) {
			width: unset;
		}

		.edit-folder-permissions-view table tr td .fa.fa-times {
			cursor: pointer;
			color: #666;
		}

.edit-folder-permissions-view .control-buttons {
	margin-bottom: 15px;
}

.manage-folder-documents-view table {
	width: 100%;
	margin-bottom: 15px;
}

	.manage-folder-documents-view table thead tr {
		height: 40px;
		background: #ccc;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: 700;
	}

		.manage-folder-documents-view table thead tr th:first-child {
			padding-left: 13px !important;
		}

		.manage-folder-documents-view table thead tr th:nth-child(2) {
			padding-left: 0px !important;
		}

	.manage-folder-documents-view table tbody tr td {
		padding-top: 5px !important;
	}

		.manage-folder-documents-view table tbody tr td:last-child {
			padding-top: 12px !important;
		}

.edit-sub-chapters-view .row-header {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	background: #ccc;
	height: 40px;
	padding: 8px 10px;
}

.edit-sub-chapters-view ul {
	padding-left: 10px;
}

/* End styles for folder*/

/* Styles for document */
.document-view h2 {
	margin-left: -10px;
}

.document-feedback-view h2 {
	margin-left: -5px;
}

.document-view .tab-content.extend {
	padding: 15px 0 0 0;
}

.document-view .preview-buttons {
	margin-bottom: 15px;
}

	.document-view .preview-buttons div:nth-child(2) {
		width: 80%;
	}

.document-view .btn.btn-preview {
	background-color: #009178;
	margin-right: 15px;
}

.document-view .btn.edit-hearing {
	margin-left: 25px;
}

.document-view .btn.open-hearing-document {
	background-color: #009178 !important;
}

.document-view #hearingTabs .grid {
	margin-bottom: 0;
}

.create-document-view .meta-info {
	background: #e6e6e6;
	font-size: 16px;
	padding: 15px;
}

.create-document-view np-abort-save > div > div,
.create-a-copy-of-document-view np-abort-save > div > div,
.archive-document-view np-abort-save > div > div,
.change-document-type-view np-abort-save > div > div,
.change-document-template-view np-abort-save > div > div,
.change-document-responsible-view np-abort-save > div > div,
.edit-document-title-view np-abort-save > div > div,
.retrieve-send-to-approval-view np-abort-save > div > div,
.send-document-to-hearing-view np-abort-save > div > div,
.send-document-to-approval-view np-abort-save > div > div,
.approve-document-view np-abort-save > div > div,
.edit-document-view np-abort-save > div > div,
.manage-root-folders-order-view np-abort-save > div > div,
.manage-root-folder-permissions-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.change-document-type-view .from-document-type,
.change-document-type-view .to-document-type {
	background: #707070;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	margin-bottom: 15px;
}

.change-document-type-view .from-document-type-name,
.change-document-type-view .to-document-type-fields .fields-title {
	font-weight: bold;
}

.change-document-type-view .from-document-type-name,
.change-document-type-view .to-document-type + div,
.change-document-type-view .to-document-type-description,
.change-document-type-view .from-document-type-description,
.change-document-type-view .to-document-type-fields {
	margin-bottom: 15px;
}

.change-document-template-view .from-document-template-hung,
.change-document-template-view .to-document-template-hung {
	background: #707070;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px;
	margin-bottom: 15px;
}

.change-document-type-view .fields-content {
	background: #e6e6e6;
	padding: 15px;
}

.change-document-template-view .from-document-template-name-hung {
	font-weight: bold;
}

.change-document-template-view .from-document-template-name-hung {
	margin-bottom: 15px;
}

.change-document-template-view select {
	float: left;
	width: calc(100% - 30px);
}

.change-document-template-view label {
	float: left;
	width: 30px;
	padding: 7px 0 0 7px;
}

.move-documents-view .tree-nav {
	margin-top: -10px;
	width: 100%;
}

.move-documents-view np-tree-nav .folderSelectionContainer {
	width: 538px !important;
	position: absolute !important;
}

.send-document-to-hearing-view .grid {
	margin-bottom: 0px;
}

.send-document-to-hearing-view .hearing-information > div:first-child {
	margin-left: 15px;
	width: 200px;
	float: left;
}

.send-document-to-hearing-view .hearing-information div:nth-child(2) {
	width: 180px;
	float: left;
}

	.send-document-to-hearing-view .hearing-information div:nth-child(2) > label {
		float: left;
		width: 80px;
		margin-right: 15px;
	}

	.send-document-to-hearing-view .hearing-information div:nth-child(2) > div {
		float: left;
		margin-top: -3px;
		width: calc(100% - 110px);
	}

.send-document-to-hearing-view .hearing-information-en div:nth-child(2) > label {
	width: 120px !important;
}

.send-document-to-hearing-view .hearing-information-en div:nth-child(2) > div {
	width: calc(100% - 135px) !important;
}

.send-document-to-hearing-view .hearing-members {
	margin-bottom: 15px;
}

.edit-document-view {
	padding-top: 15px;
}

	.edit-document-view .btn.btn-preview {
		background-color: #009178;
		margin-left: 15px;
	}

		.edit-document-view .btn.btn-preview.compare-document > img {
			width: 26px;
			padding: 2px;
		}

		.edit-document-view .btn.btn-preview.compare-document img:nth-child(2) {
			display: none;
		}

		.edit-document-view .btn.btn-preview.compare-document:hover img:nth-child(2) {
			display: inline-block;
		}

		.edit-document-view .btn.btn-preview.compare-document:hover img:first-child {
			display: none;
		}

	.edit-document-view .tab-content.extend {
		padding: 15px 0 0 0;
	}

	.edit-document-view .document-information-panel {
		padding: 10px;
		margin-bottom: 15px;
		background: #e6e6e6;
	}

	.edit-document-view .advanced-publish {
		margin-top: 25px;
	}

		.edit-document-view .advanced-publish .inner-advanced-publish {
			border: 1px solid #ccc;
			padding-left: 15px;
			padding-top: 5px;
			margin-bottom: 15px;
		}

.manage-root-folders-order-view ul {
	padding-left: 5px;
}

.publish-document-to-internet-view .checkbox:last-child {
	margin-bottom: 0 !important;
}

.approve-document-view .document-publishing-period {
	padding: 15px;
	background: #c0c0c0;
	border-radius: 4px;
}

	.approve-document-view .document-publishing-period img {
		padding-right: 10px;
	}
/* End styles for document */

/* Styles for Activity Category */
.activity-category-management-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.activity-category-management-view .grid-controls .search-control {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

@media (max-width: 768px) {
	.activity-category-management-view .grid-controls .control-buttons {
		width: 325px;
	}

	.activity-category-management-view .grid-controls .search-control {
		width: calc(100% - 355px);
	}

	.employeeContainer .checkbox input {
		top: 10px;
	}
}
/* End styles for Activity Category */

/* Styles for Activity & Activity Tasks */
.activity-management-view .form-group[name='keyword'] label,
.activity-management-view .form-group[name='category'] label,
.activity-management-view .form-group[name='responsible'] label,
.activity-management-view .form-group[name='role'] label,
.activity-management-view .form-group[name='department'] label,
.activity-management-view .form-group[name='person'] label,
.activity-management-view .form-group[name='start-date'] label,
.activity-management-view .form-group[name='end-date'] label,
.activity-management-view .form-group[name='mainResponsible'] label,
.activity-management-view .form-group[name='owner'] label {
	float: left;
	width: 80px;
	margin-right: 15px;
	padding-top: 0 !important;
}

.activity-management-view .form-group[name='responsible'] label {
	margin-right: 22px;
	margin-left: -7px;
}

.activity-management-view .form-group[name='keyword'] > div,
.activity-management-view .form-group[name='category'] > div,
.activity-management-view .form-group[name='responsible'] > div,
.activity-management-view .form-group[name='role'] > div,
.activity-management-view .form-group[name='department'] > div,
.activity-management-view .form-group[name='person'] > div,
.activity-management-view .form-group[name='start-date'] > div,
.activity-management-view .form-group[name='end-date'] > div,
.activity-management-view .form-group[name='mainResponsible'] > div,
.activity-management-view .form-group[name='owner'] > div {
	float: left;
	width: calc(100% - 110px);
}

.activity-management-view .form-group[name='search-button'] {
	float: right;
	width: 85px;
}

.activity-management-view .form-group[name='search-button'] button {
	height: 34px;
	padding: 5px 12px;
}

.activity-management-view #departmentSelection1 {
	width: 100%;
	margin-bottom: 0px;
}

.activity-management-view .activities-grid-header {
	padding: 7px 15px;
	background-color: #878787;
	color: white;
	padding-left: 0px;
	margin-right: 12px;
	position: relative;
}

.activity-management-view .ui-grid-top-panel {
	overflow: visible !important;
}

.activity-management-view .ui-grid-header-viewport {
	overflow: visible !important;
}

.activity-management-view .list-columns {
	position: absolute;
	padding: 15px;
	z-index: 9999;
	background-color: white;
	width: 471px;
	right: 0;
	top: 35px;
	color: #000;
	border: 1px solid #e5e5e5;
}


.activity-management-view .export-activities {
	position: absolute;
	z-index: 9999;
	background-color: white;
	width: 162px;
	right: -5px;
	top: 28px;
	color: #000;
	border: 1px solid #e5e5e5;
}

	.activity-management-view .export-activities .item {
		padding: 10px;
		color: #323232;
	}

		.activity-management-view .export-activities .item:hover {
			background-color: #EBEBEB;
		}

.activity-management-view .filter-status {
	width: 330px;
	background-color: white;
	position: absolute;
	z-index: 99999;
	color: #323232;
	padding: 15px;
	border: 1px solid #e5e5e5;
}

	.activity-management-view .filter-status button {
		width: 93px;
		height: 48px;
		border: none;
	}

	.activity-management-view .filter-status .reset {
		color: #D86A0A;
		background-color: #fff;
	}

	.activity-management-view .filter-status .save {
		color: #fff;
		background-color: #D86A0A;
	}

.activity-management-view .ui-grid-viewport {
	max-height: 42vh !important;
}

.activity-management-view .activity-tasks-grid .ui-grid-viewport {
	max-height: unset !important;
}

.activity-management-view .ui-grid-top-panel {
	background-color: transparent;
}

.activity-management-view .activity-tasks-grid .ui-grid-viewport {
	overflow: visible !important;
}

.activity-management-view .activity-tasks-grid.ui-grid .ui-grid-row .ui-grid-cell {
	background-color: #E8E8E8 !important;
}

.activity-management-view .ui-grid-header-cell {
	background-color: #D86A0A;
}

.activity-management-view .ui-grid-header-cell-label {
	color: white;
	font-size: 14px;
}

.activity-management-view .popover-inner {
	background-color: #d86a0a;
}

.activity-document-attachment .popover-inner {
	background-color: #d86a0a;
}

.activity-document-attachment .popover-inner a {
	color: white !important;
}

	.activity-management-view .popover-inner a {
		color: white !important;
	}

.activity-management-view .ui-grid-cell-contents .progress {
	height: 10px;
	width: 94px;
	border-radius: 0px;
	margin-bottom: 5px;
}

.activity-management-view .ui-grid-cell {
	overflow: visible;
	vertical-align: middle;
}

.activity-management-view .grid-footer-template {
	background-color: #D86A0A;
	color: #fff;
}

.activity-management-view .form-horizontal .search-row{
	min-height: 62px;
}

.activity-management-view .activity-department .search-result {
	margin-top: 35px;
}

.create-activity-view #description > textarea, .edit-activity-view #description > textarea {
	height: 333px;
}

.create-activity-view np-abort-save > div > div,
.edit-activity-view np-abort-save > div > div {
	margin-top: 0 !important;
}

.edit-activity-view .tab-content.extend {
	padding: 15px 0 0 0;
}

.activity-calendar-view .control-buttons {
	margin-bottom: 15px;
}

.activity-calendar-view .btn-group > .btn:first-child:not(:last-child) {
	border-top-left-radius: 4px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 4px;
}

.activity-calendar-view .btn-group > .btn:last-child:not(:first-child) {
	border-top-left-radius: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 0;
}

.activity-calendar-view .control-buttons button:focus {
	outline: 5px auto -webkit-focus-ring-color;
}

.activity-calendar-view .control-buttons button.active {
	color: #fff !important;
}

.activity-calendar-view .control-buttons .add-activity {
	border-radius: 4px;
}

.activity-calendar-view .control-buttons .search-activities {
	position: absolute;
	border-radius: 4px;
	top: -48px;
	right: 15px;
}

/*.activity-calendar-view div[name='calendarYearView'] span[data-cal-date],
.activity-calendar-view div[name='calendarMonthView'] span[data-cal-date],
.activity-calendar-view div[name='calendarWeekView'] span[data-cal-date] {
    color: #000;
    opacity: 1;
}*/

.activity-calendar-view div[name='calendarWeekView'] .cal-day-today span[data-cal-date] {
	color: #008000;
}

.activity-calendar-view div.expanded {
	background-color: #d86a0a;
}

	.activity-calendar-view div.expanded .cal-day-tick {
		background-color: #d86a0a;
		color: #fff;
	}

.activity-calendar-view .cal-slide-box {
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #e1e1e1;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: -1px;
	max-height: 250px;
	overflow: auto;
}

	.activity-calendar-view .cal-slide-box table {
		border: 1px solid #d86a0a;
	}

		.activity-calendar-view .cal-slide-box table thead {
			background: #d86a0a;
			color: #fff;
		}

			.activity-calendar-view .cal-slide-box table thead th {
				margin-top: 6px;
				padding: 8px 5px;
			}

		.activity-calendar-view .cal-slide-box table tbody tr {
			border-bottom: 1px solid #d86a0a;
			cursor: pointer;
		}

			.activity-calendar-view .cal-slide-box table tbody tr:hover {
				background-color: #dcd0c6;
			}

			.activity-calendar-view .cal-slide-box table tbody tr td {
				padding: 5px 0 5px 5px;
			}

				.activity-calendar-view .cal-slide-box table tbody tr td > span {
					padding: 2px;
				}

.activity-notifications .activity.overdue-activity {
	border-right: 5px solid #f00; /*red*/
}

.activity-notifications .activity.completed-activity {
	border-right: 5px solid #008000; /*green*/
}

.activity-notifications .activity.not-started-activity {
	border-right: 5px solid #1E90FF; /*blue*/
}

.activity-notifications .activity.not-completed-activity {
	border-right: 5px solid #FFD300; /*yellow*/
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.overdue-activity,
.overdue-activity-cirle {
	background: #f00; /*red*/
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.completed-activity,
.completed-activity-cirle {
	background: #008000; /*green*/
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.not-completed-activity,
.not-completed-activity-cirle {
	background: #FFD300; /*yellow*/
}

.activity-calendar-view .cal-slide-box table tbody tr td > span.not-started-activity,
.not-started-activity-cirle {
	background: #1E90FF; /*blue*/
}


.activity-calendar-view .day-event,
.activity-calendar-view .day-event a,
.activity-calendar-view .day-highlight a {
	color: #000;
}


.calendar-black-color a {
	color: #000 !important;
}

.calendar-white-color a {
	color: white !important;
}

@media (min-width: 768px) {
	.activity-calendar-view .control-buttons > div:first-child {
		padding-right: 50px;
	}

	.activity-calendar-view .control-buttons > div:nth-child(2) {
		padding-left: 50px;
	}
}

@media (min-width: 992px) {
	.activity-calendar-view .control-buttons > div:first-child {
		padding-right: 100px;
	}

	.activity-calendar-view .control-buttons > div:nth-child(2) {
		padding-left: 100px;
	}
}

@media (min-width: 1200px) {
	.activity-calendar-view .control-buttons > div:first-child {
		padding-right: 200px;
	}

	.activity-calendar-view .control-buttons > div:nth-child(2) {
		padding-left: 200px;
	}
}

.search-activities-panel {
	height: 100%;
	position: absolute;
	width: 300px;
	background: #fff;
	padding: 15px 15px 0 15px;
}

	.search-activities-panel label {
		font-weight: normal;
	}

	.search-activities-panel .end-date .uib-datepicker-popup {
		left: -128px !important;
	}

.search-activities-result-view .top-menu-button a.glyphicons-file_export {
	color: #fff !important;
}

/*.search-activities-result-view .gridStyle {
    max-height: 600px !important;
}*/
/* End styles for Activity & Activity Tasks */

/* Styles for Activity & Activity Tasks */
.update-meta-register-view .checkbox {
	margin-right: 20px;
	margin-top: 30px;
	display: inline-block;
}
/* End styles for Activity & Activity Tasks */

/* Styles for roles */
.edit-role-view .tab-content.extend {
	padding: 15px 0 0 0;
}

	.edit-role-view .tab-content.extend .tab-buttons button {
		height: 34px;
	}
/* End styles for roles */

/* Styles for Deviation Location */
.deviation-location-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.deviation-location-view .grid-controls .search-control {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

@media (max-width: 768px) {
	.deviation-location-view .grid-controls .control-buttons {
		width: 325px;
	}

	.deviation-location-view .grid-controls .search-control {
		width: calc(100% - 355px);
	}
}
/* End styles for Deviation Location */

/* Styles for Deviation Service Area */
.deviation-service-area-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.deviation-service-area-view .grid-controls .search-control {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

@media (max-width: 768px) {
	.deviation-service-area-view .grid-controls .control-buttons {
		width: 325px;
	}

	.deviation-service-area-view .grid-controls .search-control {
		width: calc(100% - 355px);
	}
}
/* End styles for Deviation Service Area */

/* Styles for Deviation Status */
.deviation-status-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.deviation-status-view .grid-controls .search-control {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

@media (max-width: 768px) {
	.deviation-status-view .grid-controls .control-buttons {
		width: 325px;
	}

	.deviation-status-view .grid-controls .search-control {
		width: calc(100% - 355px);
	}
}
/* End styles for Deviation Status */

/* Styles for Deviation Cause */
.deviation-cause-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.deviation-cause-view .grid-controls .search-control {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

@media (max-width: 768px) {
	.deviation-cause-view .grid-controls .control-buttons {
		width: 325px;
	}

	.deviation-cause-view .grid-controls .search-control {
		width: calc(100% - 355px);
	}
}
/* End styles for Deviation Status */

/* Styles for Deviation Category */
.edit-deviation-category-view .form-group.priority-default {
	float: left;
	width: calc(100% - 51px);
	margin-right: 15px;
}

.edit-deviation-category-view .add-priority-button {
	float: left;
}

.edit-deviation-category-view .tab-content.extend {
	padding: 15px 0 0 0;
}

.edit-deviation-category-view np-abort-save > div > div {
	margin-top: 0 !important;
}




.deviation-category-view .grid-controls .control-buttons {
	float: left;
	margin-left: 15px;
	width: 305px;
}

.deviation-category-view .grid-controls .filter-controls {
	float: left;
	width: calc(100% - 335px);
	max-width: 500px;
}

	.deviation-category-view .grid-controls .filter-controls .category-type label {
		display: inline-block;
		float: left;
		margin-right: 15px;
		padding-top: 7px;
	}

	.deviation-category-view .grid-controls .filter-controls .category-type select {
		width: 160px;
		float: left;
		margin-right: 15px;
	}
/* End styles for Deviation Category */

.box-keyword {
	background-color: #ececec;
	padding: 5px;
	border-radius: 5px;
}

/* Styles for Notification Setup */
.notification-setup .action-button i:nth-child(2) {
	position: absolute;
	font-size: 3em;
	top: 15px;
}

.notification-setup-view table tr th:first-child,
.notification-setup-view table tr td:first-child {
	display: none !important;
}

.notification-setup-view table tr th:nth-child(n + 4),
.notification-setup-view table tr td:nth-child(n + 3) {
	text-align: center;
}
/* End styles for Notification Setup */

/* Styles for Test Mode */
body.is-test > header.navbar.navbar-fixed-top {
	background: #f00 !important;
}

	body.is-test > header.navbar.navbar-fixed-top #toggle_sidemenu_l,
	body.is-test #settings_menu h4,
	body.is-test #toggle_sidemenu_r a,
	body.is-test .navbar-fixed-top #toggle_sidemenu_r .glyphicons:before,
	body.is-test .navbar-fixed-top .activity-notifications > button,
	body.is-test .navbar-fixed-top .activity-notifications > button span {
		color: #fff !important;
	}

/* End styles for Test Mode */
.appendInfo .header {
	border-bottom: 1px solid;
	font-size: 16px;
}

.appendInfo .tooltip-element {
	display: initial;
}

.appendInfo .item {
	margin-top: 5px;
}

/* Styles for Deviation Cost */
.deviation-cost .fixed-bottom-common, .analysis-cost .fixed-bottom-common {
	display: none;
}

.deviation-cost .statistic-row, .analysis-cost .statistic-row {
	height: 30px;
	margin-top: -20px;
	padding: 5px 8px 0 8px;
}
/* End styles for Deviation Cost */

/* Styles for pages related to Action */
.edit-deviation-task .fixed-bottom-common, .edit-counter-measure .fixed-bottom-common {
	display: none;
}

.edit-deviation-task .statistic-row, .edit-counter-measure .statistic-row {
	height: 30px;
	margin-top: -20px;
	padding: 5px 8px 0 8px;
}
/* End styles for pages related to Action */

/* Styles for change password popup  */
.change-password-popup .tooltip-inner {
	background-color: #00283A;
	font-size: 1.2em;
	min-width: 280px;
	max-height: 280px;
}

	.change-password-popup .tooltip-inner .glyphicon {
		margin: 5px 10px;
	}

.change-password-popup .form-group .form-control-feedback {
	pointer-events: all;
}
/* End styles for change password popup  */

@media (max-width: 1100px) {
	.sidebar-ltr #sidebar_left {
		left: auto;
	}
}

@media (max-width: 815px) {
	.navbar-right {
		width: auto;
	}
}

@media (max-width: 670px) {
	.sidebar-rtl .navbar .navbar-right {
		max-width: none;
	}
}

.xs-setting-menu h4 {
	color: #00283a;
	font-weight: bold;
}

@media (max-width: 768px) {
	.panel-title > span {
		display: block;
		float: left;
		text-overflow: ellipsis;
		width: 70%;
		white-space: nowrap;
		overflow: hidden;
	}
}

.img-wrap {
	position: relative;
	display: inline-block;
	margin-top: 5px;
	max-width: 100%;
}

	.img-wrap .close {
		position: absolute;
		top: 2px;
		right: 2px;
		z-index: 100;
		background-color: #FFF;
		padding: 5px 2px 2px;
		color: #000;
		font-weight: bold;
		cursor: pointer;
		opacity: .2;
		text-align: center;
		font-size: 22px;
		line-height: 10px;
		border-radius: 50%;
	}

	.img-wrap:hover .close {
		opacity: 1;
	}

	.img-wrap img {
		max-width: inherit;
		height: auto;
	}

.log-management-view .grid-controls .search-by {
	margin-left: 15px;
	display: inline;
	width: 140px;
}

.logicon {
	display: inline-block;
}

.log-breadcrumbs {
	vertical-align: sub !important;
}

.mail-management-view .grid-controls .status-filter {
	margin-left: 15px;
	display: inline;
	width: 135px;
}

span[data-cal-date] {
	color: #000;
	opacity: 1;
}

.btn-own-dept-selection {
	float: right;
	margin-bottom: 5px;
	font-size: 12px
}

.brochure-padding {
	margin-top: 30px !important;
	padding-left: 5px;
}

.tc-mailto {
	text-decoration: underline;
}

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

.bc-permission-main {
	background-color: #DDDDDD;
}

.bc-permission-sub {
	background-color: #EEE;
}

.divTable {
	display: table;
	width: 100%;
}

.divHeading {
	display: table-row;
	font-weight: bold;
	background-color: #ccc;
	width: 100%;
	text-transform: uppercase;
}

.divRow {
	display: table-row;
	/*border-bottom: 1px solid #ccc;*/
	width: 100%;
}

.divCell {
	border-top: 1px solid #ccc;
	display: table-cell;
	padding: 5px;
}

.mandatory-field::after {
	color: #ff576f;
	content: '(*)';
}

.helpPages {
	padding: 4px 0px 4px 2px !important;
	cursor: pointer;
}

	.helpPages i {
		font-size: 26px;
	}

.icon-closest-leader {
	font-size: 20px !important;
	margin-top: 3px !important;
	left: 10px !important;
	margin-left: -6px;
}

.publish-infor-popup {
	padding: 12px;
	background-color: #fff;
}

.popup-view .modal-footer-publish {
	padding-bottom: 40px;
	margin-top: 10px;
	text-align: right;
}

.popup-view .modal-header-publish {
	margin-bottom: 15px;
	height: inherit !important;
	font-size: 2em;
}

.capitalize-text {
	text-transform: capitalize;
}

.radEdP {
	font: normal 12pt Calibri;
}

.radEdIngress {
	font: bold 14pt Calibri !important;
}

/*style for word/phrase with tooltip */
.source-info {
	cursor: help !important;
	font-style: italic;
	border-bottom: 1px dotted;
	position: relative;
}

.deleted-class {
	color: #969696;
	font-style: italic;
}

.angular-with-newlines {
	white-space: pre-wrap;
}

.btn-link-edit-news {
	float: left;
	background-color: #000;
	color: white;
	text-align: center;
	background-image: url(/Content/Images/backend-link-icon.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	background-position: 5px 4px;
}

.tooltip.fade.in .tooltip-inner {
	white-space: pre-line;
}

.width-180 {
	width: 180px;
}

.max-width90 {
	max-width: 90%;
}

.background-white {
	background-color: #fff !important;
}

.bg-f5f5f5 {
	background-color: #f5f5f5;
}

textarea {
	resize: vertical;
}

.break-word-content {
	word-break: break-word;
	white-space: normal;
}

.uib-datepicker-popup td {
	padding-left: 0;
}

.edit-employee-roles {
	overflow-x: hidden;
}

	.edit-employee-roles table {
		table-layout: fixed;
		width: 100%;
		margin-bottom: 15px !important;
	}

	.edit-employee-roles .select-employee {
		width: 33px;
	}

	.edit-employee-roles .tooltip-employee {
		width: 25px;
		overflow: hidden;
		text-overflow: clip !important;
		white-space: nowrap;
	}

		.edit-employee-roles .tooltip-employee span {
			vertical-align: middle;
		}

	.edit-employee-roles .description {
		text-overflow: ellipsis;
	}

	.edit-employee-roles .header {
		cursor: default;
	}

.attachment-tooltip .popover-content {
	padding: 0px !important;
}

.multi-days-activity .activity-month {
	font-size: 1em !important;
	height: 22px;
	padding-top: 3px;
}

.multi-days-activity .activity-month-year {
	font-size: 0.7em !important;
}

.end-date-activity-box {
	float: right;
	border-left: 1px;
	border-left-color: white;
	border-left-style: dashed;
}

.daily-statistics .title-container{
	border-bottom: 2px solid #838383;
	display: flex;
}

	.daily-statistics .title-container .status-now {
		text-align: center;
		border-right: 3px solid;
		font-weight: bold;
	}

	.daily-statistics .title-container .number-per-day {
		text-align: center;
		font-weight: bold;
	}

	.daily-statistics .title-container .last-month {
		text-align: center;
		border-left: 3px solid;
		font-weight: bold;
	}

.daily-statistics .data-container, .folder-statistics .data-container {
	border-bottom: 2px solid #c9c9c9;
	display: flex;
}

	.daily-statistics .data-container .left-c {
		border-right: 3px solid;
	}
	.daily-statistics .data-container .border-left {
		border-left: 3px solid;
	}

.daily-statistics .data-item, .folder-statistics .data-item {
	border-right: 1px solid #c9c9c9;
	margin-top: 3px;
	margin-bottom: 5px;
	padding-right: 0px;
}

.daily-statistics .data-number, .folder-statistics .data-number {
	font-size: 20px;
	font-weight: bold;
	word-wrap: break-word;
}

.data-container-table {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.highcharts-figure, .highcharts-data-table table {
	min-width: 310px;
	max-width: 100%;
	margin: 1em auto;
}

#daily-charts-id {
	height: 320px;	
}

#reading-list-charts-id {
	height: 320px;
}

#approve-internet-charts-id,
#new-revised-archived-charts-id,
#awaiting-approved-expired-charts-id {
	height: 350px;
}

.highcharts-data-table table {
	font-family: Verdana, sans-serif;
	border-collapse: collapse;
	border: 1px solid #EBEBEB;
	margin: 10px auto;
	text-align: center;
	width: 100%;
	max-width: 500px;
}

.highcharts-data-table caption {
	padding: 1em 0;
	font-size: 1.2em;
	color: #555;
}

.highcharts-data-table th {
	font-weight: 600;
	padding: 0.5em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
	padding: 0.5em;
}

.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
	background: #f8f8f8;
}

.highcharts-data-table tr:hover {
	background: #f1f7ff;
}

.most-read-today-title {
	background-color: #00A2E8;
	display: flex;
}
.data-number-bottom {
	font-size: 40px;
	margin-top: -10px;
}
.most-read-today-title .left-bottom {
	color: white;
}
.most-read-today-title .right-bottom {
	color: white;
	text-align: right;
}
.width7c {
	width: 14.28%;
}
.folder-statistics .combo-period {
	position: absolute;
	width: 20%;
	right: 0;
	margin-top: -37px;
	text-align: right;
	padding-right: 20px;
}
.font-weight-normal {
	font-weight: normal;
}

.a-role-box, .a-role-box .box-name {
	color: white !important;
}

.a-role-box:hover, .a-role-box:focus {
	text-decoration: none;
}

.colorMultiSelected {
	background-color: #eee !important;
}

.custom-column-gird  span  span {
	display: flex;
}

.btn-bg-ok {
	background-color: #009178 !important; /* UU Design */
}

.tooltip.bottom {
	max-width: 280px;
}

.bg-img-none {
	background-image: none !important;
}

.progress-bar-bg-danger {
	background-color: #9E360F;
}

.progress-bar-bg-success {
	background-color: #00804C;
}

.progress-bar-bg-warning {
	background-color: #E4CF53;
}

.task-status-success {
	background-color: #E5F2ED;
	color: #005935;
}

.task-status-warning {
	background-color: #F7F1CB;
	color: #726729;
}

.task-status-danger {
	background-color: #FAEDE8;
	color: #9E360F;
}

.text-line-through{
	text-decoration: line-through;
}

.overflow-hidden{
	overflow: hidden;
}

.conclusion-tooltip{
	margin-top: 5px !important;
	min-width: 40px;
	max-width: 300px;
}

td.status-noti{
	padding-top: 8px !important;
}

.status-noti .noti {
	display: inline-block;
	width: 17px;
	height: 17px;
	background-color: #952702;
	text-align: center;
	border-radius: 50%;
	color: white;
	font-size: 12px;
}

.np-common-grid .th-show-all-docs, .np-common-grid .th-check-all, .np-common-grid .td-check {
	overflow: inherit;
}

.np-common-grid .hearing-member-comments {
	vertical-align: 47%;
}

.np-common-grid.ie .th-show-all-docs, .np-common-grid.ie .th-check-all, .np-common-grid.ie .td-check {
	overflow: clip;
}

.np-common-grid.ie .hearing-member-comments {
	vertical-align: 20%;
}