body {
	font-size: 13px;
	font-family: 'Open Sans Regular', sans-serif;
	color: #333333;
}

b {
	font-family: 'Open Sans Bold', sans-serif;
	font-weight: normal;
	font-style: none;
}

strong {
	font-family: 'Open Sans SemiBold', sans-serif;
	font-weight: normal;
	font-style: none;
}

.container-fluid {
	padding-right: 0;
	padding-left: 0;
}

.mCustomScrollbar {
	overflow: auto;
}

.form-control {
	font-size: 13px;
	height: auto;
	background-color: #FFFFFF !important;
	padding: 3px 5px;
}

.form-control:focus {
	border-color: #2A7EA3;
	box-shadow: none;
}

.form-control:disabled {
	opacity: 0.5;
}

.form-control::placeholder {
	color: #CCCCCC;
}

.form-control::-webkit-input-placeholder {
	color: #CCCCCC;
}

.form-control:-ms-input-placeholder {
	color: #CCCCCC;
}

.form-control {
	height: 30px;
}

.input-group .form-control {
	height: 30px;
}

.input-group-text {
	padding: 3px 8px;
}

.input-group-text i {
	font-size: 12px;
}

.date-range .col-md-6:first-child {
	padding-right: 5px;
	padding-left: 15px !important;
}

.date-range .col-md-6:last-child {
	padding-left: 5px;
	padding-right: 15px !important;
}

textarea {
	min-height: 100px;
}

a {
	color: #2A7EA3;
}

a:hover {
	color: #178989;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

a.red {
	color: #E00000;
}

a.red:hover {
	color: #C60000;
}

.btn {
	font-size: 13px;
	padding: 10px 20px;
	position: relative;
	border: 4px solid black;
	background-color: white;
	color: black;
	padding: 14px 28px;
	font-size: 16px;
	cursor: pointer;
}

.btn-sm {
	padding: 5px 10px;
}

.btn-xs {
	padding: 3px 5px;
	font-size: 11px;
}

.btn:hover {
	text-decoration: none;
}

.btn i,
a i {
	margin-right: 0px;
}

.btn-solid {
	color: #2A7EA3;
	min-width: 75px;
	border-color: #2A7EA3;
}

.btn-solid:hover {
	color: #FFFFFF;
}

.btn-outline {
	background: transparent;
}

.btn-solid.primary {
	/*background: #2A7EA3;*/
}

.btn-solid.primary:hover {
	background: #2A7EA3;
}

.btn-solid.grey {
	background: #AAAAAA;
}

.btn-solid.grey:hover {
	background: #919191;
}

.btn-solid.red {
	background: #E00000;
	color: #FFFFFF !important;
}

.btn-solid.red:hover {
	background: #C60000;
}

.btn-solid.red2 {
	background: #D13F3F;
}

.btn-solid.red2:hover {
	background: #D13F3F;
}

.btn-solid.yellow {
	background: #FFA800;
}

.btn-solid.yellow:hover {
	background: #FFA800;
}

.btn-solid.orange {
	background: #FF7A00;
}

.btn-solid.orange:hover {
	background: #E56D00;
}

.btn-outline.primary {
	border: 1px #2A7EA3 solid;
	color: #2A7EA3;
}

.btn-outline.primary:hover {
	border: 1px #178989 solid;
	color: #178989;
}

.btn-outline.red {
	border: 1px #E00000 solid;
	color: #E00000;
}

.btn-outline.red:hover {
	border: 1px #C60000 solid;
	color: #C60000;
}

.btn-outline.review {
	border: 1px #FF7A00 solid;
	color: #FF7A00;
}

.btn-outline.review:hover {
	border: 1px #EA7100 solid;
	color: #EA7100;
}

.btn-shadow {
	-webkit-box-shadow: 0px 13px 13px -17px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0px 13px 13px -17px rgba(0, 0, 0, 0.75);
	box-shadow: 0px 13px 13px -17px rgba(0, 0, 0, 0.75);
}

.label {
	padding: 3px 10px;
	font-size: 13px;
	text-align: center;
	min-width: 100px;
	border-radius: 50px;
	/*margin-right: 5px;*/
}

.label-sm {
	padding: 2px 10px;
	font-size: 11px;
}

.label-xs {
	padding: 1px 8px;
	font-size: 10px;
}

.label-solid {
	color: #FFFFFF;
}

.label-outline {
	background: transparent;
}

.label-right {
	border-radius: 50px 0 0 50px !important;
	margin-right: -15px;
	padding-right: 15px;
	float: right;
}

.bg-primary {
	background: #2A7EA3 !important;
}

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

.bg-default {
	background: #999999 !important
}


.btn.bg-primary:hover,
.btn.bg-primary:focus {
	background: #2A7EA3 !important;
}

.bg-accountgroup {
	background: #009DCF;
}

.bg-industrytype {
	background: #DF3500;
}

.bg-userrole {
	background: #824FD4;
}

.bg-contractgroup {
	background: #009DCF;
}

.bg-approved {
	background: #2A7EA3;
}

.bg-reviewed {
	background: #FF7A00;
}

.bg-rejected {
	background: #E00000;
}

.bg-uncomplete {
	background: #FF6363;
	color: #FFFFFF;
}

.bg-deleted {
	background: #E00000;
}

.bg-templatecategory {
	background: #E01454;
}

.bg-inactive {
	background: #B2B2B2;
}

.bg-draft {
	background: #FFD600
}

.bg-pendingapproval {
	background: #606060;
}

.bg-pending {
	background: #606060;
}

.bg-new {
	background: #339E00;
}

.bg-canceled {
	background: #B2B2B2;
}

.bg-pdf {
	background: #C60B04;
}

.bg-excel {
	background: #207245;
}

.bg-unpaid {
	background: #FFC107;
}

.bg-paid {
	background: #2A7EA3;
}

.bg-received {
	background: #339E00;
}

.clr-accountgroup {
	color: #009DCF;
}

.clr-industrytype {
	color: #DF3500;
}

.clr-userrole {
	color: #824FD4;
}

.clr-contractgroup {
	color: #009DCF;
}

.clr-templatecategory {
	color: #E01454;
}

.clr-portal {
	color: #0E9DCA !important;
}

.clr-portal2 {
	color: #003150;
}

.outl-tag {
	color: #777777;
	border: 1px #777777 solid;
	line-height: 25px !important;
}

.more-tag.active i:before {
	content: '\f0d8';
}

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

.label-tag {
	background: transparent;
	color: #333333;
	border: 1px #333333 solid;
	float: left;
	margin-bottom: 5px;
	text-align: left;
	position: relative;
	width: auto;
	min-width: 10px;
	padding-right: 30px;
	margin-right: 2px;
}

.label-tag i {
	position: absolute;
	right: 7px;
	top: 7px;
	margin-left: 15px;
	font-size: 11px;
	cursor: pointer;
}

.label-tag i:hover {
	color: #2A7EA3;
}

body.sys-owner .co-right,
body.sys-owner .co-right-rev {
	top: 30px;
}

body.sys-owner .co-left,
body.sys-owner .co-left-rev {
	top: 30px;
}

body.sys-owner .co-center {
	/*top: 32px;*/
	top: 26px;
}

.co-left,
.co-left-rev {
	width: 295px;
	float: left;
	position: absolute;
	left: 0;
	z-index: 2;
	border-right: 1px #DDDDDD solid;
	background: #F1F3F4;
	min-height: 100%;
	top: 0;
	padding-top: 65px;
}

.co-left.hidden,
.co-left-rev.hidden {
	width: 65px;
}

.co-left.hidden .hide,
.co-left-rev.hidden .hide {
	display: none;
}

.header {
	padding: 0 0 0 295px;
	/*border-bottom: 1px #DDDDDD solid;*/
	min-height: 90px;
	background: #FAFAFA;
	z-index: 2;
}

.content.wide .header {
	padding: 0 0 0 65px;
}

.content.wide .co-center {
	padding: 175px 295px 0 65px;
}

.content.wide.wide2 .co-center {
	padding: 175px 20px 0 65px !important;
}

.co-header {
	padding: 15px;
	position: relative;
	z-index: 2;
	background: #FAFAFA;
	border-bottom: 1px #DDDDDD solid;
	min-height: 110px;
}

.co-header h1 small {
	font-size: 15px;
	position: relative;
}

.co-header h1.small-title {
	font-size: 27px;
}

.co-header h1 .label {
	margin-top: 7px;
	display: inline-block;
	min-width: auto;
	position: absolute;
	margin-left: 10px;
}

.co-header:hover h1 small a {
	display: block;
}

.co-header h1 small a {
	font-size: 12px;
	position: absolute;
	top: -7px;
	right: -25px;
	display: none;
}

.co-header .button-header {
	position: absolute;
	right: 15px;
	bottom: 15px;
	text-align: right;
}

.co-header .button-header .btn {
	margin-left: 10px;
}

.co-header .action-header {
	position: absolute;
	right: 15px;
	top: 15px;
	text-align: right;
}

.co-header .action-header a {
	margin-left: 10px;
}

.co-header .breadcrumb {
	background: transparent;
	padding: 0;
	font-size: 11px;
}

.content .centered-content {
	width: 75%;
	max-width: 600px;
	margin: 0 auto;
	/*padding: 15px;*/
}

.centered-content .co-header {
	background: #FFFFFF;
	border-bottom: 1px #DDDDDD solid;
}

.co-center {
	width: 100%;
	/*padding: 0 295px;*/
	padding: 175px 295px 0;
	position: absolute;
	left: 0;
	z-index: 1;
	top: 0;
}

.co-center.default {
	padding-right: 295px !important;
}

.co-center .co-detail {
	border-bottom: 1px #DDDDDD solid;
	padding: 15px;
	background: #FAFAFA;
}

.co-center .co-detail.accordion,
.co-center .accordion {
	padding: 0 15px;
}

.co-center .co-detail label {
	font-family: 'Open Sans SemiBold', sans-serif;
	margin-right: 5px;
}

.co-center .co-subheader {
	border-bottom: 1px #DDDDDD solid;
	padding: 15px;
	background: #FAFAFA;
}

.co-center .co-subheader .check-action {
	margin-top: 10px;
}

.co-center .co-subheader .check-action .btn {
	margin-right: 10px;
}

.co-subheader .toggle-select {
	margin-left: 10px;
	min-width: 30px;
	height: 25px;
	text-align: center;
	border-radius: 3px;
	margin-top: -3px;
	padding: 2px 10px;
}

.co-subheader .toggle-select i {
	margin: 6px 0 0 0;
	font-size: 15px;
}

.co-subheader .toggle-select.active {
	background: #2A7EA3;
	color: #FFFFFF;
}

.co-subheader .btn-paging {
	width: 70px;
	height: 25px;
	border-radius: 3px;
	margin-top: -3px;
}

.co-subheader .btn-paging a {
	display: block;
	width: 34px;
	float: left;
	border: 1px #CCCCCC solid;
	height: 25px;
	text-align: center;
	padding-top: 3px;
	background: #F1f3f4;
	color: #333333;
	font-size: 10px;
}

.co-subheader .btn-paging a:hover,
.co-subheader .btn-paging a:focus {
	background: #EEEEEE;
}

.co-subheader .btn-paging a:first-child {
	border-radius: 3px 0 0 3px;
}

.co-subheader .btn-paging a:last-child {
	border-radius: 0 3px 3px 0;
}

.co-center .co-paging {
	padding: 15px;
	background: #FFFFFF;
}

.co-paging .btn-paging {
	width: 70px;
	height: 25px;
	border-radius: 3px;
	margin-top: -3px;
}

.co-paging .btn-paging a {
	display: block;
	width: 34px;
	float: left;
	border: 1px #CCCCCC solid;
	height: 25px;
	text-align: center;
	padding-top: 3px;
	background: #F1f3f4;
	color: #333333;
	font-size: 10px;
}

.co-paging .btn-paging a:hover,
.co-paging .btn-paging a:focus {
	background: #EEEEEE;
}

.co-paging .btn-paging a:first-child {
	border-radius: 3px 0 0 3px;
}

.co-paging .btn-paging a:last-child {
	border-radius: 0 3px 3px 0;
}

.co-center .main {}

.co-center .main .main-detail {
	padding: 15px;
}

.co-center .main .main-detail label,
.box-check label,
.accordion label,
.workflow label {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.co-right,
.co-right-rev {
	width: 295px;
	float: right;
	position: absolute;
	right: 0;
	z-index: 1;
	border-left: 1px #DDDDDD solid;
	background: #F1F3F4;
	min-height: 100%;
	padding: 0 15px;
	top: 0;
	padding-top: 185px;
}

.co-right .close-co-right,
.co-right-rev .close-co-right {
	display: none;
	float: right;
	font-size: 11px;
	position: absolute;
	right: 0;
	z-index: 99;
}

.co-right label,
.co-right-rev label {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.co-right .label,
.co-right-rev .label {
	display: block;
	float: left;
	margin-right: 5px;
}

.quickview.info_detail {
	overflow: scroll;
	height: 700px;
}

.main-list .list.new {
	background: #E2EDEE;
}

.main-list .list {
	border: 1px transparent solid;
	border-bottom: 1px #DDDDDD solid;
	/*padding: 15px;*/
	padding: 15px 15px 20px 15px;
	position: relative;
}

.main-list .list.fadein {
	opacity: 0.65;
}

.list-supportingfile {
	/*width: 375px;*/
	display: inline-flex;
	margin-bottom: 0.5rem;
	
	border-radius: 5px;
	border: 1px #DDDDDD solid;
	height: 77px;
	width: 250px;
	padding: 2px;
	margin-right: 5px;
	position: relative;
}

.list-supportingfile.active {
	border: 1px #2A7EA3 solid;
	background: #F1F9F9;
}

.list-supportingfile.imgfile {
	padding: 0;
}

.list-supportingfile.imgfile img {
	width: 75px;
	height: 75px;
	object-fit: cover;
	border-radius: 5px 0 0 5px;
}

.list-supportingfile.fadein {
	opacity: 0.65;
}

.list-supportingfile img {
	height: 71px;
	float: left;
}

.list-supportingfile .sf-info {
	padding: 5px;
	width: 173px;
	float: left;
}

.list-supportingfile .form-check {
	position: absolute;
	top: 0;
	left: 0;
}

.main-list .list:hover {
	cursor: pointer;
	/*background: #FAFAFA; */
	border: 1px #003150 solid;
}

.main-list .list.active {
	background: #F1F3F4;
}

.list .list-dot,
.contract-item .list-dot {
	float: right;
	padding: 5px;
	position: absolute;
	right: 10px;
	top: 20px;
	color: #2A7EA3;
}

.list .list-dot img,
.contract-item .list-dot img {
	height: 17px;
}

.dropdown-toggle.list-dot::after {
	display: none;
}

.main-list .li-check {
	float: left;
	padding: 15px 10px 15px 0;
	position: relative;
	z-index: 99999;
}

.main-list .li-thumb {
	margin-right: 10px;
	width: 50px;
	height: 45px;
}

.main-list .li-thumb img {
	max-width: 50px;
	max-height: 50px;
	height: auto;
}

.main-list .li-name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 15px;
	width: 90%;
}

.main-list .li-name.relative {
	position: relative;
	padding-top: 10px;
}

.main-list .li-name.relative small {
	position: absolute;
	top: -3px;
	/*left: 60px;*/
	color: #999;
	font-size: 10px;
	font-family: 'Open Sans Regular', sans-serif;
	letter-spacing: 0.5px;
}

.main-list .li-desc {
	margin: 0;
	padding: 0;
	font-size: 12px;
}

.main-list .li-desc i {
	margin-right: 5px;
	color: #555555;
}

/*main-list workflow*/
.main-list .list.workflow {
	padding: 0;
	display: flex;
}

.main-list .list.workflow .li-content {
	width: 85%;
	padding: 15px 15px 20px 15px !important;
}

.main-list .list.workflow .li-btn-workflow {
	width: 15%;
	float: right;
	background: #ffffff;
	font-size: 12px;
	position: relative;
	border-left: 1px #DDDDDD solid;
	background: #FAFAFA !important;
}

.main-list .list.workflow .li-btn-workflow.no-button {
	border-left: none;
	background: transparent !important;
}

.main-list .list.workflow .li-btn-workflow .center-text {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 3px 5px;
}

.main-list .list.workflow .li-btn-workflow .icon {
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 100%;
	padding-top: 2px;
	float: left;
	margin-right: 5px;
}

.main-list .list.workflow .li-btn-workflow .icon img {
	width: 12px;
}

.main-list .list.workflow .li-btn-workflow.review {
	color: #FF7A00;
}

.main-list .list.workflow .li-btn-workflow.review .icon {
	background: #FF7A00;
}

.main-list .list.workflow .li-btn-workflow.approval {
	color: #2A7EA3;
}

.main-list .list.workflow .li-btn-workflow.approval .icon {
	background: #2A7EA3;
}

.main-list .list.workflow.active .li-btn-workflow {
	background: #F1F3F4;
}

.main-list .list.workflow .li-btn-workflow .label-stakeholder {
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 3px 10px;
}

.main-list .list.workflow .li-btn-workflow.approval .label-stakeholder {
	background: #2A7EA3;
}

.main-list .list.workflow .li-btn-workflow.review .label-stakeholder {
	background: #FF7A00;
}

.secondary-list .list {
	padding: 10px;
	position: relative;
}

.secondary-list .list a:hover {
	text-decoration: none;
}

.secondary-list .list a:hover .li-name {
	color: #2A7EA3;
}

.secondary-list .user-thumb {
	width: 40px;
	height: 40px;
}

.secondary-list .li-thumb {
	margin-right: 20px;
}

.secondary-list .li-name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 13px;
	width: 90%;
	color: #333333;
}

.secondary-list .li-date {
	color: #333333;
	font-size: 11px;
	display: block;
	font-family: 'Open Sans Light', sans-serif;
}

.secondary-list .li-desc {
	margin: 0;
	padding: 0;
	color: #333333;
}

.secondary-list .li-desc i {
	margin: 0 7px;
	color: #555555;
}

.box-list .list {
	border-bottom: 1px #DDDDDD solid;
	padding: 15px;
	position: relative;
}

.box-list .list:last-child {
	border-bottom: 1px transparent solid;
}

.box-list .list:hover {
	cursor: pointer;
	background: #FAFAFA;
}

.box-list .li-thumb {
	margin-right: 10px;
	width: 50px;
	height: 45px;
}

.box-list .li-thumb img {
	max-width: 50px;
	max-height: 50px;
	height: auto;
}

.box-list .li-name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 15px;
	width: 90%;
	position: relative;
	padding-top: 10px;
}

.box-list .li-name small {
	position: absolute;
	top: -3px;
	/*left: 60px;*/
	color: #999;
	font-size: 10px;
	font-family: 'Open Sans Regular', sans-serif;
	letter-spacing: 0.5px;
}

.box-list .li-desc {
	margin: 0;
	padding: 0;
	font-size: 11px;
}

.box-list .li-desc i {
	color: #555555;
}

/*box-list workflow*/
.box-list .list.workflow {
	padding: 0;
	display: flex;
}

.box-list .list.workflow .li-content {
	width: 80%;
	padding: 15px 15px 20px 15px !important;
}

.box-list .list.workflow .li-btn-workflow {
	width: 20%;
	float: right;
	background: #ffffff;
	position: relative;
	border-left: 1px #DDDDDD solid;
	background: #FAFAFA;
}

.box-list .list.workflow .li-btn-workflow .center-text {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 3px 5px;
}

.box-list .list.workflow .li-btn-workflow .icon {
	width: 25px;
	height: 25px;
	text-align: center;
	border-radius: 100%;
	padding-top: 2px;
	float: left;
	margin-right: 5px;
}

.box-list .list.workflow .li-btn-workflow .icon img {
	width: 12px;
}

.box-list .list.workflow .li-btn-workflow.review {
	color: #FF7A00;
}

.box-list .list.workflow .li-btn-workflow.review .icon {
	background: #FF7A00;
}

.box-list .list.workflow .li-btn-workflow.approval {
	color: #2A7EA3;
}

.box-list .list.workflow .li-btn-workflow.approval .icon {
	background: #2A7EA3;
}

.box-list .list.workflow.active .li-btn-workflow {
	background: #F1F3F4;
}

.box-list .list.workflow .li-btn-workflow .label-stakeholder {
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	padding: 3px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.box-list .list.workflow .li-btn-workflow.approval .label-stakeholder {
	background: #2A7EA3;
}

.box-list .list.workflow .li-btn-workflow.review .label-stakeholder {
	background: #FF7A00;
}

.quickview.user {
	text-align: center;
	padding-top: 20px;
}

.quickview.user .label {
	float: none;
	display: inline;
}

.quickview.user .user-group {
	padding: 15px;
}

.quickview.user .user-group label {
	font-size: 15px;
}

.quickview.user .user-group label i {
	margin-right: 10px;
}

.quickview .qv-name {
	display: block;
	font-size: 17px;
	font-family: 'Open Sans SemiBold', sans-serif;
	margin-bottom: 10px;
	width: 90%;
	margin-top: 10px;
}

.quickview .qv-name small {
	position: absolute;
	top: -3px;
	color: #999;
	font-size: 11px;
	font-family: 'Open Sans Regular', sans-serif;
	letter-spacing: 0.5px;
}

.quickview.user .qv-name {
	width: 100%;
}

.quickview .qv-table {
	margin-top: 20px;
}

.quickview .qv-table table {
	width: 100%;
}

.quickview .qv-table table tr td {
	padding: 4px;
}

.quickview img {
	max-width: 150px;
	max-height: 150px;
	height: auto;
}

.quickview .pull-left {
	margin-right: 10px;
}

.quickview {
	width: 275px;
}

.quickview.accordion {
	margin-left: -15px;
	margin-right: -15px;
	width: 292px;
}

.quickview.floating {
	position: fixed;
	top: 0px;
}

.left-filter.floating {
	position: fixed;
	top: 0px;
}

.quickview.floating .quickview-content.scrollable {
	overflow-y: unset;
	padding-top: 10px;
}

.left-filter.floating.scrollable {
	overflow-y: auto;
}

hr.full-lr {
	margin-left: -15px;
	margin-right: -15px;
}

.left-nav {
	padding: 15px;
	min-height: 48px;
}

/*SUBMENU*/
.submenu {
	border-bottom: 1px #DDDDDD solid;
}

.co-left.hidden .submenu,
.co-left-rev.hidden .submenu {
	border-bottom: none;
}

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

.submenu ul li {
	font-size: 15px;
	padding: 20px;
}

.submenu ul li .icon-submenu {
	margin-right: 20px;
	width: 25px;
	float: left;
	text-align: center;
}

.submenu ul li.active {
	background: #E2EDEE;
}

.co-left.hidden .submenu ul li,
.co-left-rev.hidden .submenu ul li {
	height: 62px;
}

.left-title {
	font-size: 15px;
	padding: 20px;
}

.left-title .icon-title {
	margin-right: 20px;
	width: 25px;
	float: left;
	text-align: center;
}

.filter {
	padding: 15px;
}

.filter.warning {
	border: 1px #FFC107 solid !important;
	background: #FFFAED !important;
}

.filter-input-group {
	margin-bottom: 15px;
	position: relative;
}

.filter-input-group label {
	/*font-family: 'Open Sans SemiBold', sans-serif;*/
}

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

.input-group.date {
	width: 200px;
}

.co-form {
	padding: 15px;
	max-width: 1000px;
	padding-left: 30px;
}

.co-form h6 {
	/*border-bottom: 1px #555555 solid;*/
	padding-bottom: 10px;
	margin-bottom: 20px;
	/*margin-left: -30px;*/
	color: #003150;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.co-form .form-section {
	margin-bottom: 30px;
	background: #FAFAFA;
	border-radius: 7px;
	padding: 15px 10px;
	margin-right: 0px;
}

.co-form .form-section.form-warning {
	border: 1px #F2AC22 solid;
	background: #FFF6E3;
}

.co-form-footer {
	border-top: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	padding: 30px 15px 100px;
	background: #FAFAFA;
}

.user-thumb-xs {
	border-radius: 100%;
	width: 30px !important;
	height: 30px !important;
	object-fit: cover;
}

.user-thumb-sm {
	border-radius: 100%;
	width: 40px !important;
	height: 40px !important;
	object-fit: cover;
}

.user-thumb {
	border-radius: 100%;
	width: 50px;
	height: 50px;
	object-fit: cover;
}

.user-thumb-xl {
	border-radius: 100%;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.account-thumb-sm {
	max-width: 20px !important;
	max-height: 20px !important;
	margin-right: 7px;
}

.account-thumb {
	max-width: 25px !important;
	max-height: 25px !important;
}

.quickview.user .user-thumb {
	width: 75px;
	height: 75px;
}

.modal-header {
	border-top: 7px #2A7EA3 solid;
}

.modal-title {
	font-size: 15px !important;
}

.modal-footer {
	background: #FAFAFA;
	border-radius: 0 0 5px 5px;
}

.co-user {
	padding: 15px;
	max-width: 1000px;
}

.co-user table {
	/*width: 100%;*/
}

.co-user table tr td {
	padding: 7px;
}

.chosen-container {
	width: 100% !important;
}

footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-family: 'Open Sans Regular', sans-serif;
	font-size: 13px;
	color: #555555;
	background: #F1F3F4;
	border-top: 1px #EEEEEE solid;
	padding: 5px;
	z-index: 999;
}

/*CHECKBOX*/
.form-check {
	display: block;
	cursor: pointer;
	padding-left: 0;
	font-family: 'Open Sans Regular', sans-serif !important;
}

.form-check.pull-left {
	display: inline;
	margin-right: 20px;
}

input[type="checkbox"],
input[type="radio"] {
	position: absolute;
	right: 9000px;
}

input[type="checkbox"]+.label-text:before {
	content: "\f0c8";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
}

input[type="checkbox"]:checked+.label-text:before {
	content: "\f14a";
	color: #2A7EA3;
	animation: effect 250ms ease-in;
}

input[type="checkbox"]:disabled+.label-text {
	color: #aaa;
}

input[type="checkbox"]:disabled+.label-text:before {
	content: "\f0c8";
	color: #ccc;
}

input[type="radio"]+.label-text:before {
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	font-size: 15px;
	text-rendering: auto;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	margin-right: 10px;
}

input[type="radio"]:checked+.label-text:before {
	content: "\f192";
	color: #2A7EA3;
	animation: effect 250ms ease-in;
}

input[type="radio"]:disabled+.label-text {
	color: #aaa;
}

input[type="radio"]:disabled+.label-text:before {
	content: "\f111";
	color: #ccc;
}


.quickview .allowed-menu .col-md-4 {
	margin-bottom: 20px;
}

.co-subheader label {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.co-subheader .allowed-menu .pull-left {
	width: 80px;
	text-align: center;
	margin-bottom: 30px;
}

.border-bottom {
	border-bottom: 1px #DDDDDD solid;
	padding-bottom: 20px;
}

#image-preview {
	width: 130px;
	height: 130px;
	position: relative;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px #DDDDDD dashed;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center;
}

#image-upload:hover {
	cursor: pointer;
}

#image-preview input {
	width: 130px;
	height: 130px;
	position: absolute;
	opacity: 0;
	z-index: 10;
}

#image-preview label {
	position: absolute;
	z-index: 5;
	cursor: pointer;
	width: 130px;
	height: 30px;
	font-size: 13px;
	line-height: 30px;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 0;
	text-align: center;
	background: rgba(0, 0, 0, 0.3);
	color: #FFFFFF;
}

.fadeout {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.5);
	top: 0;
	left: 0;
	z-index: 9999;
}

.fadeout .spinner-container {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: auto;
	height: auto;
	text-align: center;
	position: absolute;
	color: #2A7EA3;
	font-size: 17px;
}

.fadeout .spinner-container .spinner {
	position: relative;
	width: 50px;
	height: 50px;
	background-color: #2A7EA3;
	margin-bottom: 20px;
}

.notif-container,
.notif-container2 {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	min-height: 90px;
	width: 400px;
	z-index: 99999;
	background: #FFFFFF;
	padding: 20px 15px 15px;
	-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.3);
}

.close-notif {
	color: #999;
	position: absolute;
	top: 5px;
	right: 5px;
}

.notif-container table,
.notif-container2 table {
	width: 100%
}

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

.notif-icon i {
	font-size: 50px;
}

.notif-icon i.fa-check-circle {
	color: #94C080;
}

.notif-icon i.fa-exclamation-circle {
	color: #FF3232;
}

.notif-text p {
	font-size: 15px;
	color: #333333;
}

.list-multiselect ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.list-multiselect ul li {
	display: block;
	padding: 5px 20px 5px 0;
	border-bottom: 1px #EEEEEE solid;
	position: relative;
}

.list-multiselect ul li a {
	position: absolute;
	right: 3px;
}

.detail-account img {
	max-width: 100px;
	max-height: 100px;
}

.detail-account table {
	width: 50%;
	max-width: 300px;
	margin-left: 20px;
}

.detail-account .pull-right {
	text-align: right;
}

.detail-account .pull-right .label {
	line-height: 35px;
}

.modal.preview {}

.modal.preview .modal-body {
	overflow: auto;
	max-height: 500px;
}

.modal.preview h6 {
	font-size: 13px;
	border-bottom: 1px #DDDDDD solid;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.modal.preview p {
	margin: 0;
}

.modal.preview .modal-dialog {
	width: 800px;
}

.modal.preview label {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.modal.preview img {
	max-width: 100px;
	max-height: 100px;
}

span.tag {
	background: #BCBCBC;
	border-radius: 20px;
	padding: 3px 10px;
	margin-right: 5px;
	color: #FFFFFF;
	margin-bottom: 5px;
	display: block;
	width: auto;
	float: left;
}

.table-sm th {
	font-weight: normal;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.table thead th {
	font-weight: normal;
	font-family: 'Open Sans SemiBold', sans-serif;
	vertical-align: bottom;
	border-bottom: 2px solid #2A7EA3;
	color: #2A7EA3;
	cursor: pointer;
}

.table td {
	border-top: 1px solid #DDDDDD;
}

.table tr:last-child {
	border-bottom: 1px #DDDDDD solid;
}

.link-back-audittrail {
	display: block;
	margin-bottom: 30px;
}

.link-back-audittrail.v2 {
	margin-top: 10px;
	margin-bottom: 14px;
}

.alert-time {
	text-align: right;
	line-height: 20px;
	margin: 10px 30px 0 0;
	color: #555555;
	font-size: 11px;
}

.alert-time span {
	font-size: 20px;
	display: block;
}

.box {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	margin-bottom: 20px;
	border: 1px #DEDEDE solid;
	border-radius: 7px 7px 0 0;
}

.box .box-header {
	padding: 15px;
	background: #F1F3F4;
	border-bottom: 1px #DDDDDD solid;
	color: #2A7EA3;
	border-radius: 7px 7px 0 0;
}

.box .box-header img {
	margin-right: 15px;
	margin-top: -3px;
}

.box .box-header h3 {
	font-size: 17px;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.box .box-body {
	/*background: #FAFAFA;*/
}

.account-def-sm {
	float: left;
	width: 20px;
	height: 20px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 11px;
	margin-right: 7px;
}

.account-def-sm div {
	margin-top: 1px;
}

.account-def-md {
	float: left;
	width: 30px;
	height: 30px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 15px;
	margin-right: 7px;
}

.account-def-md div {
	margin-top: 3px;
}

.account-def {
	float: left;
	width: 45px;
	height: 45px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 25px;
	font-family: 'Open Sans Light', sans-serif;
}

.account-def div {
	margin-top: 3px;
}

.account-def-lg {
	float: left;
	width: 75px;
	height: 75px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
	font-family: 'Open Sans Light', sans-serif;
}

.account-def-lg div {
	margin-top: 6px;
}

.list .pull-right .user-def-xs {
	float: right;
	margin-left: 3px;
}

.user-def-xs {
	width: 30px;
	height: 30px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 17px;
	border-radius: 100%;
	font-family: 'Open Sans Light', sans-serif;
	padding-top: 1px;
}

.user-def-sm {
	float: left;
	width: 25px;
	height: 25px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	padding-top: 1px;
	margin-right: 7px;
	border-radius: 100%;
	border: 1px #FAFAFA solid;
}

.user-def-sm div {
	margin-top: 1px;
}

.user-def-md {
	width: 40px;
	height: 40px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 22px;
	border-radius: 100%;
	font-family: 'Open Sans Light', sans-serif;
	padding-top: 1px;
}

.user-def {
	float: left;
	width: 50px;
	height: 50px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 25px;
	border-radius: 100%;
	font-family: 'Open Sans Light', sans-serif;
}

.user-def div {
	margin-top: 6px;
}

.user-def-lg {
	width: 75px;
	height: 75px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 40px;
	font-family: 'Open Sans Light', sans-serif;
	border-radius: 100%;
	margin: 0 auto;
	padding-top: 7px;
}

.user-def-xl {
	width: 100px;
	height: 100px;
	background: #AAAAAA;
	color: #FFFFFF;
	text-align: center;
	font-size: 50px;
	font-family: 'Open Sans Light', sans-serif;
	border-radius: 100%;
	margin: 0 auto;
	padding-top: 10px;
}

.autocomplete_icon {
	background: url(../images/icon/autocomplete.png);
	background-repeat: no-repeat;
	background-position: right;
}

.data-empty {
	padding-top: 50px;
	width: 100%;
	text-align: center;
}

.data-empty img {
	margin-bottom: 15px;
}

.data-empty i {
	color: #AAAAAA;
	font-size: 19px;
	font-family: 'Open Sans LightItalic', sans-serif;
	font-style: normal;
}

.loading {
	width: 100%;
	text-align: center;
	padding-top: 50px;
}

.loading-modal-full {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	padding-top: 40px;
	background: rgba(0, 0, 0, 0.1);
}

.co-tab {
	padding: 10px 10px 0px 10px;
	border-bottom: 2px #2A7EA3 solid;
}

.co-tab.red {
	border-bottom: 2px #D13F3F solid;
}

.tab-nav {
	width: 125px;
	background: #F7F7F7;
	border: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	padding: 7px 10px;
	border-radius: 5px 5px 0 0;
	color: #555555;
	cursor: pointer;
}

.co-tab.red .tab-nav.active {
	background: #D13F3F;
	border: 1px #D13F3F solid;
}

.tab-nav.active {
	background: #2A7EA3;
	border: 1px #2A7EA3 solid;
	font-family: 'Open Sans SemiBold', sans-serif;
	color: #FFFFFF;
}

.tab .btn,
.box .btn {
	min-width: 85px;
}

/*WORKFLOW INLINE*/
.workflow.inline {
	padding: 0;
	margin-top: -55px;
	margin-left: -20px;
	margin-bottom: 60px;
}

.workflow.inline li {
	width: 75px;
	display: inline-block;
	margin-top: 75px;
}

.workflow.inline li:before {
	content: ' ';
	display: block;
	width: 100%;
	height: 2px;
	margin-left: 0;
	background: #003150;
	z-index: 5;
	position: absolute;
	left: 50%;
	top: 0px;
}

.workflow.inline li:last-child:before {
	width: 0;
}

.workflow.inline li .wf-icon {
	top: -16px;
	left: 43%;
}

.workflow.inline li .wf-content {
	margin-top: 20px;
	padding: 0 3px;
	text-align: center;
	height: 15px;
	font-size: 11px !important;
	width: 75px;
	position: absolute;
	top: 0;
	margin-left: 12px;
}

.workflow.inline li .wf-content .title {
	font-family: 'Open Sans Regular', sans-serif !important;
}

.workflow.inline li .wf-content .title.active {
	font-family: 'Open Sans SemiBold', sans-serif !important;
	cursor: pointer;
	color: #2A7EA3;
}

.workflow.inline li .wf-content a i {
	margin: 0 3px;
}

/*WORKFLOW*/
.workflow {
	list-style-type: none;
}

.workflow li {
	position: relative;
}

.workflow li:before {
	position: absolute;
	left: -18px;
	top: 0;
	content: ' ';
	display: block;
	width: 2px;
	height: 100%;
	margin-left: 0;
	background: #2A7EA3;
	z-index: 5;
}

.workflow li:last-child:before {
	height: 0px;
}

/*done*/
.workflow li.done:before,
.workflow li.done .wf-icon {
	background: #298000 !important;
	padding-top: 7px;
}

.workflow li.done .wf-icon {
	border: 1px #298000 solid !important;
}

/*approval*/
.workflow li.approval:before,
.workflow li.approval .wf-icon {
	background: #2A7EA3;
}

.workflow li.approval .wf-icon {
	border: 1px #2A7EA3 solid;
}

/*review*/
.workflow li.review:before,
.workflow li.review .wf-icon {
	background: #FF7A00;
}

.workflow li.review .wf-icon {
	border: 1px #FF7A00 solid;
}

/*rejected*/
.workflow li.rejected:before,
.workflow li.rejected .wf-icon {
	background: #E00000;
}

.workflow li.rejected .wf-icon {
	border: 1px #E00000 solid;
}

/*grey*/
.workflow li.grey:before,
.workflow li.grey .wf-icon {
	background: #BBBBBB !important;
}

.workflow li.grey .wf-icon {
	border: 1px #BBBBBB solid !important;
	padding-top: 4px !important;
}

.workflow li.grey .workflow li.done .wf-icon {
	padding-top: 7px !important;
	background: #298000 !important;
	border: 1px #298000 solid !important;
}

.workflow li.grey .workflow li.rejected .wf-icon {
	background: #E00000 !important;
	border: 1px #E00000 solid !important;
}

.workflow li.done .workflow li.rejected .wf-icon {
	padding-top: 4px !important;
	background: #E00000 !important;
	border: 1px #E00000 solid !important;
}

.workflow li .wf-icon {
	height: 34px;
	width: 34px;
	border-radius: 100%;
	background: #2A7EA3;
	text-align: center;
	padding-top: 4px;
	color: #FFFFFF;
	position: absolute;
	left: -34px;
	z-index: 10;
	border: 1px #2A7EA3 solid;
	-webkit-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.5);
}

.workflow li .wf-icon img {
	width: 15px;
}

.workflow li .wf-content {
	margin-left: 15px;
	padding-bottom: 25px;
}

.workflow li .wf-content .label {
	float: none;
	display: inline-block;
	min-width: auto;
}

.workflow li .wf-content .title {
	/*padding-top: 4px;*/
	padding-top: 0;
	width: 90%;
}

.workflow.clickable li .wf-content .content-bg:hover {
	background: #F1F3F4;
	cursor: pointer;
}

.workflow li .wf-content a.remove {
	position: absolute;
	top: 0px;
	right: 0px;
}

.workflow li .wf-content a.edit {
	position: absolute;
	top: 0px;
	right: 0px;
}

.workflow.removable li .wf-content:hover .title {
	/*border-bottom: 1px #DDDDDD solid;*/
}

.workflow.removable li .wf-content .content-bg .title {
	margin-bottom: 10px;
}

.workflow.removable li .wf-content .title {
	border-bottom: 1px transparent solid;
}

.workflow li .wf-content.active .content-bg {
	border: 1px #2A7EA3 solid;
	background: #E2EDEE;
}

.workflow li .wf-content.need-action .content-bg {
	border: 2px #2A7EA3 solid;
}

.workflow li .wf-content .content-bg {
	background: #FAFAFA;
	padding: 15px;
	border-radius: 5px;
	border: 1px transparent solid;
}

.workflow li .wf-content .content-bg .btn {
	margin-bottom: 5px;
}

.workflow li .wf-content .title {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	padding-bottom: 5px;
}

.workflow li .wf-content .desc {
	display: block;
}

.workflow li .wf-parallel {
	width: 100%;
	padding: 10px;
	border-radius: 5px;
}

.workflow li.review .wf-parallel {
	border: 1px #FF7A00 solid;
}

.workflow li.approval .wf-parallel {
	border: 1px #2A7EA3 solid;
}

.workflow li.done .wf-parallel {
	border: 1px #298000 solid;
}

.workflow li.grey .wf-parallel {
	border: 1px #BBBBBB solid;
}

.workflow li.rejected .wf-parallel {
	border: 1px #E00000 solid;
}

.workflow.parallel li::before {
	width: 0;
}

.co-right .accordion,
.co-right-rev .accordion {
	margin-top: -15px;
}

.accordion .accor-title {
	padding: 10px 15px 10px 40px;
	background: rgba(0, 0, 0, 0.03);
	margin: 0px -15px;
	border-top: 1px #DDDDDD solid !important;
	border-bottom: 1px #DDDDDD solid !important;
	position: relative;
	font-size: 15px;
	cursor: pointer;
}

.accordion .accor-title .pull-right small {
	font-size: 13px;
	color: #333333;
	font-family: 'Open Sans Italic', sans-serif;
}

.accordion .accor-title .pull-right a {
	font-size: 13px;
	color: #2A7EA3;
	font-family: 'Open Sans Regular', sans-serif;
	margin-left: 20px;
}

.accordion .accor-title a {
	font-family: 'Open Sans Regular', sans-serif;
}

.accordion .accor-title:first-child {
	border-top: none;
}

.accordion.lists .accor-body {
	margin-left: -15px;
	margin-right: -15px;
	padding: 0 !important;
}

.accor-body {
	padding: 10px 0 30px;
}

.accor-body:last-child {
	padding-bottom: 10px;
}

.accordion .accor-title i:before {
	content: '\f105';
	position: absolute;
	left: 15px;
	top: 15px;
}

.accordion .accor-title.active {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.accordion .accor-title.active i:before {
	content: '\f107';
}

.contract-list .contract-item {
	border-bottom: 1px #DDDDDD solid;
	padding: 10px 0;
	position: relative;
}

.contract-item {
	clear: both;
}

.contract-item.bordered {
	border: 1px #DDDDDD solid;
	border-radius: 3px;
	margin-bottom: 10px;
}

.contract-item .contract-check {
	position: relative;
	z-index: 9999;
}

.contract-item .contract-thumb {
	float: left;
	/*width: 50px;*/
	margin-right: 10px;
	/*text-align: center;*/
}

.contract-item .contract-content span.name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	/*font-size: 17px;*/
}

.contract-item .contract-content span.name.relative {
	position: relative;
	padding-top: 10px;
}

.contract-item .contract-content span.name.relative small {
	position: absolute;
	top: -3px;
	/*left: 70px;*/
	color: #999;
	font-size: 10px;
	font-family: 'Open Sans Regular', sans-serif;
	letter-spacing: 0.5px;
}

.contract-item .contract-content span.desc {
	display: block;
	margin-bottom: 10px;
}

.contract-item .contract-content p.desc {
	font-size: 12px;
	margin-bottom: 0px;
}

/*contract-list workflow*/
.contract-list.workflow .contract-item {
	display: flex;
}

.contract-list.workflow .contract-item .contract-content {
	width: 80%;
}

.contract-list.workflow .contract-item .btn-workflow {
	width: 20%;
	margin-top: -10px;
	margin-right: -10px;
	margin-bottom: -10px;
	padding-left: 10px;
	font-size: 11px;
	position: relative;
	text-align: center;
}

.contract-list.workflow .contract-item .btn-workflow a {
	display: block;
	height: 100%;
}

.contract-list.workflow .contract-item .btn-workflow a:hover {
	text-decoration: none;
}

.contract-list.workflow .contract-item .btn-workflow.review {
	border-left: 1px #FF7A00 solid;
	background: #ffecdb;
}

.contract-list.workflow .contract-item .btn-workflow.review a {
	color: #FF7A00;
}

.contract-list.workflow .contract-item .btn-workflow.approval {
	border-left: 1px #2A7EA3 solid;
	background: #f2fdff;
}

.contract-list.workflow .contract-item .btn-workflow.approval a {
	color: #2A7EA3;
}

.contract-list.workflow .contract-item .btn-workflow .label-stakeholder {
	text-align: center;
	color: #FFFFFF;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 0px 10px;
}

.contract-list.workflow .contract-item .btn-workflow.approval .label-stakeholder {
	background: #2A7EA3;
}

.contract-list.workflow .contract-item .btn-workflow.review .label-stakeholder {
	background: #FF7A00;
}

span.date {
	font-size: 11px;
	color: #555555;
	font-family: 'Open Sans LightItalic', sans-serif;
	display: block;
}

.box-check {
	padding: 10px 50px 10px 10px;
	border: 1px transparent solid;
	border-radius: 5px;
	position: relative;
	cursor: pointer;
	background: #FAFAFA;
	margin-bottom: 15px;
}

.box-check:hover {
	background: #F1F3F4;
}

.box-check.active {
	border: 1px #2A7EA3 solid;
}

.box-check .fa-check-circle {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 19px;
	color: #2A7EA3;
	display: none;
}

.box-check.active .fa-check-circle {
	display: block;
}

.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 26px;
	margin-bottom: 0;
	/*margin-right: -15px;*/
	margin-right: 0;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 18px;
	width: 18px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .3s;
	transition: .3s;
}

input:checked+.slider {
	background-color: #2A7EA3;
}

input:focus+.slider {
	box-shadow: 0 0 1px #2A7EA3;
}

input:checked+.slider:before {
	-webkit-transform: translateX(34px);
	-ms-transform: translateX(34px);
	transform: translateX(34px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.switch-text {
	margin-bottom: 0px;
	position: absolute;
	top: 3px;
	left: -55px;
	text-align: right;
}

.main-grid {
	padding: 15px;
	clear: both;
}

.main-grid .grid {
	width: 175px;
	height: 200px;
	padding: 20px 10px;
	position: relative;
	text-align: center;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px transparent solid;
}

.main-grid .grid.active,
.main-grid .grid.active:hover {
	background: #F1F3F4;
	border: 1px #DDDDDD solid;
}

.main-grid .grid:hover {
	background: #FAFAFA;
	border: 1px #DDDDDD solid;
}

.main-grid .grid img {
	margin-bottom: 10px;
	height: 100px;
}

.main-grid .grid .gr-name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.setting-grid {
	padding: 15px;
	clear: both;
}

.setting-grid .grid {
	width: 400px;
	height: 150px;
	padding: 30px 20px;
	position: relative;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border-radius: 5px;
	cursor: pointer;
	border: 1px #999999 solid;
	display: flex;
}

.setting-grid .grid img {
	height: 60px;
	margin-right: 20px;
}

.setting-grid .grid .gr-name {
	display: block;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 17px;
	color: #003150;
	text-decoration: none;
}

.setting-grid .grid p {
	color: #333333;
}

.setting-grid .grid.active,
.setting-grid .grid.active:hover {
	background: #F1F3F4;
	border: 1px #DDDDDD solid;
}

.setting-grid .grid:hover {
	background: #DDF1F1;
	border: 1px #DDF1F1 solid;
}

/*WIZARD*/
.wizard {
	list-style-type: none;
	margin: 20px auto;
	padding: 0;
}

.wizard li {
	position: relative;
	width: 175px;
	display: inline-block;
	cursor: pointer;
}

.wizard li:before {
	content: ' ';
	display: block;
	width: 100%;
	height: 5px;
	margin-left: 0;
	background: #003150;
	z-index: 5;
	position: absolute;
	left: 50%;
	top: 0px;
}

.wizard li:last-child:before {
	width: 0;
}

.wizard li .wz-icon {
	position: absolute;
	width: 30px;
	height: 30px;
	background: #FAFAFA;
	border: 2px #003150 solid;
	border-radius: 100%;
	top: -13px;
	left: 43%;
	z-index: 10;
	color: transparent;
}

.wizard li .wz-content {
	margin-top: 30px;
	text-align: center;
	color: #003150;
	font-family: 'Open Sans SemiBold', sans-serif;
	height: 15px;
}

.wizard li.active .wz-icon {
	background: #003150;
}

.wizard li.done .wz-icon {
	background: #003150;
	color: #FFFFFF;
	padding-top: 2px;
	font-size: 14px;
}

/*SUBMENU FORM*/
.submenu-form {
	position: absolute;
	top: 234px;
	width: 100%;
}

.submenu-form ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.submenu-form ul li:first-child {
	border-top: 1px #DDDDDD solid;
}

.submenu-form ul li.active:first-child {
	border-top: none;
}

.submenu-form ul li {
	padding: 12px 20px;
	border-bottom: 1px #DDDDDD solid;
	cursor: pointer;
}

.submenu-form ul li:hover {
	color: #2A7EA3;
}

.submenu-form ul li .icon-submenu {
	margin-right: 20px;
	width: 25px;
	float: left;
	text-align: center;
}

.submenu-form ul li.active {
	background: #2A7EA3;
	color: #FFFFFF;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.form-wizard-submenu {
	position: relative;
}

.form-wizard-submenu .switch {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.dropdown-menu {
	font-size: 13px;
	padding: 0;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.07);
	/*border-radius: 0;*/
}

.dropdown-menu .dropdown-title {
	padding: 5px 10px;
	border-bottom: 1px #DDDDDD solid;
	font-size: 11px;
	color: #999999;
}

.dropdown-menu .dropdown-item {
	color: #2A7EA3;
	padding: 7px 10px
}

.dropdown-item {
	border-left: 3px transparent solid;
}

.dropdown-item:focus,
.dropdown-item:hover {
	text-decoration: none;
	background-color: #f8f9fa;
	border-left: 3px #2A7EA3 solid;
}

.dropdown-item:first-child:focus,
.dropdown-item:first-child:hover {
	border-radius: 3px 3px 0 0;
}

.dropdown-item:last-child:focus,
.dropdown-item:last-child:hover {
	border-radius: 0 0 3px 3px;
}

.dropdown-menu .dropdown-item.red {
	color: #E00000;
}

.dropdown-menu .dropdown-item.green {
	color: #298000;
}

.dropdown-menu .dropdown-item.black {
	color: #333333;
}

.dropdown-item.active,
.dropdown-item:active {
	color: #2A7EA3;
	background-color: #F8F9FA;
}

.nav-item:last-child .dropdown-toggle {
	padding-right: 15px !important;
}

.nav-item .dropdown-toggle::after {
	display: none;
}

.nav-item .nav-link .rounded-number {
	position: absolute;
	top: -2px;
	left: 15px;
	font-size: 10px;
	font-family: 'Open Sans Regular', sans-serif !important;
	display: inline-block;
	background: #D13F3F;
	padding: 1px 5px;
	border-radius: 10px;
	color: #FFFFFF;
}

.box-list.selection .list {
	border-left: 1px transparent solid;
	border-right: 1px transparent solid;
}

.box-list.selection .list.selected {
	border: 1px #2A7EA3 solid;
}

.input-group button {
	height: 30px;
	min-width: 35px;
	padding: 5px;
}

.btn-plus {
	height: 35px;
	min-width: 35px;
	padding: 5px;
}

*.disabled {
	pointer-events: none !important;
}

.form-group {
	position: relative;
	text-align: left;
}

.form-group.bordered {
	border-radius: 5px;
	padding: 15px;
	background: #EEEEEE;
}

.input-alert {
	position: absolute;
	left: 0;
	bottom: -23px;
	font-size: 11px;
}

.alert {
	border: 0.5px #D80027 solid;
}

.form-control.red {
	border: 1px #D80027 solid;
}

.preview-container {
	padding: 15px;
	border: 1px #DDDDDD solid;
	background: #FAFAFA;
	border-radius: 3px;
}

.preview-container label {
	display: block;
	margin-bottom: 15px;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.loading-modal {
	float: left;
	padding-top: 0;
	width: auto;
}

.loading-button {
	width: 20px !important;
	margin-left: 20px;
}

.text-notification {
	margin-bottom: 25px;
}

table tr td,
table tr th {
	padding: 5px 0;
}

.contract-thumbnail-img {
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	position: relative;
}

.contract-thumbnail-img.lg {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	width: 400px;
}

.contract-thumbnail-img.sm {
	margin-top: 5px;
	margin-right: 15px;
	margin-left: 15px;
	width: 300px;
	padding-left: 5px;
}

.sf-thumbnail-img {
	float: left;
	margin-bottom: 5px;
	position: relative;
	margin-top: 5px;
	width: 250px;
}

.sf-thumbnail-img img {
	width: 30px;
}

.co-right .contract-thumbnail-img.sm,
.co-right-rev .contract-thumbnail-img.sm {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
}

.contract-thumbnail-img img {
	object-fit: contain;
}

.contract-thumbnail-img p {
	font-size: 11px;
	text-align: left;
	position: absolute;
	left: 45px;
}

.contract-thumbnail-img.sm p {
	width: 200px;
	margin-top: 10px;
}

.contract-thumbnail-img.lg p {
	width: 300px;
	margin-top: 10px;
}

.contract-thumbnail-img .corner-photo {
	width: 25px;
	height: 25px;
	position: absolute;
	bottom: -5px;
	left: 0;
	border-radius: 100%;
}

.contract-thumbnail-img .corner-photo img {
	width: 25px;
	height: 25px;
	object-fit: cover;
	border-radius: 100%;
}

.form-fade {
	opacity: 0.5;
	pointer-events: none !important;
}

.modal {
	padding: 0 !important;
}

.modal-preview .modal-dialog {
	max-width: 1000px;
}

.modal-preview .modal-content {
	max-height: 90%;
}

.modal-preview .modal-body {
	overflow-y: auto;
}

.alert-timeline {
	width: 90%;
	background: #AAAAAA;
	height: 5px;
	position: relative;
	display: block;
	margin: 100px auto 80px;
}

.alert-timeline .point {
	position: absolute;
	top: -10px;
	color: #FF7A00;
}

.alert-timeline hr {
	margin-top: 5px;
	margin-bottom: 5px;
}

/*default*/
.alert-timeline .point .separator {
	border-left: 4px #AAAAAA solid;
	height: 25px;
}

.alert-timeline .point .text {
	z-index: 1;
	position: absolute;
	left: -50px;
	width: 100px;
	text-align: center;
	background: #FF7A00;
	/*border: 1px #FF7A00 solid;*/
	border-radius: 5px;
	padding: 5px;
	color: #FFFFFF;
	font-family: 'Open Sans SemiBold', sans-serif;
	top: -95px;
	opacity: 0;
}

.alert-timeline .point.activedate .text,
.alert-timeline .point.expirydate .text,
.alert-timeline .point.today .text {
	top: 50px;
	opacity: 1;
}

.alert-timeline .point:hover {
	cursor: pointer;
}

.alert-timeline .point:hover .text,
.alert-timeline .point:hover .text-date {
	opacity: 1;
}

.alert-timeline .point:hover .separator {
	border-left: 4px #FF7A00 solid;
}

/*.alert-timeline .point:first-child .text {
	left: -10px;
}
.alert-timeline .point:last-child .text {
	right: -10px;
	left: auto;
}*/
.alert-timeline .point:hover .text {
	z-index: 9;
	cursor: pointer;
	/*border: 1px #CCCCCC solid;*/
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.alert-timeline .point:hover .text-date {
	z-index: 9;
	cursor: pointer;
}

.alert-timeline .point .text-date {
	font-family: 'Open Sans SemiBold', sans-serif;
	position: absolute;
	left: -50px;
	width: 100px;
	text-align: center;
	background: #FFFFFF;
	top: -25px;
	opacity: 0;
}

.alert-timeline .point.activedate .text-date,
.alert-timeline .point.expirydate .text-date,
.alert-timeline .point.today .text-date {
	top: 30px;
	opacity: 1;
}

/*today*/
.alert-timeline .point.today {
	color: #373737;
	font-family: 'Open Sans SemiBold', sans-serif;
	z-index: 8;
}

.alert-timeline .point.today .separator {
	border-left: 4px #373737 solid;
	height: 25px;
}

/*expirydate*/
.alert-timeline .point.expirydate {
	color: #E00000;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.alert-timeline .point.expirydate .text {
	color: #FFFFFF;
	background: #E00000;
	border: 1px #E00000 solid;
}

.alert-timeline .point.expirydate .separator {
	border-left: 4px #E00000 solid;
	height: 25px;
}

/*expirydate today*/
.alert-timeline .point.expirydate.today .separator {
	border-left: 4px #E00000 solid;
}

.alert-timeline .point.expirydate.today .text {
	color: #FFFFFF;
	background: #E00000;
	border: 1px #E00000 solid;
}

.alert-timeline .point.expirydate.today:hover .text {
	border: 1px #E00000 solid;
}

/*activedate*/
.alert-timeline .point.activedate {
	color: #2A7EA3;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.alert-timeline .point.activedate .text {
	color: #FFFFFF;
	background: #2A7EA3;
	border: 1px #2A7EA3 solid;
}

.alert-timeline .point.activedate .separator {
	border-left: 4px #2A7EA3 solid;
	height: 25px;
}

/*activedate today*/
.alert-timeline .point.activedate.today .separator {
	border-left: 4px #2A7EA3 solid;
}

.alert-timeline .point.activedate.today .text {
	color: #FFFFFF;
	background: #2A7EA3;
	border: 1px #2A7EA3 solid;
}

.alert-timeline .point.activedate.today:hover .text {
	border: 1px #2A7EA3 solid;
}

/*Calendar*/
.fc-event,
.fc-event-dot {
	background-color: transparent !important;
	color: #009DCF !important;
	border-bottom: 1px transparent solid !important;
	border-left: 1px transparent solid !important;
	border-top: 1px transparent solid !important;
	border-right: 1px transparent solid !important;
	border-radius: 0 !important;
}

.fc-event:hover,
.fc-event-dot:hover {
	cursor: pointer;
	background-color: #F1F3F4 !important;
	/*color: #FFFFFF !important;*/
	/*border-bottom: 1px #2A7EA3 solid !important;*/
}

.navbar-expand-lg .navbar-collapse {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-preferred-size: auto !important;
	flex-basis: auto !important;
}

.navbar-expand-lg .navbar-nav {
	-ms-flex-direction: row;
	flex-direction: row;
}

.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}

.order-by-list {
	margin-top: -6px;
	width: 200px;
}

.select-option {
	border: 1px #DDDDDD solid;
	border-radius: 5px;
	padding: 15px;
	cursor: pointer;
}

.select-option p {
	font-size: 11px;
}

.select-option.active {
	background: #EFF8F9;
	border: 1px #2A7EA3 solid;
}

.alert-autocomplete {
	position: absolute;
	left: 15px;
	top: 35px;
	color: #999999;
}

.filter-input-group .h50 .alert-autocomplete {
	position: absolute;
	left: 15px;
	top: 63px;
	color: #999999;
}

.information {
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 11px;
}

.information.primary {
	border: 1px #2A7EA3 solid;
	border-left: 5px #2A7EA3 solid;
	background: #E2EDEE;
}

.information.danger {
	border: 1px #FF0000 solid;
	border-left: 5px #FF0000 solid;
	background: #FFF2F2;
}

.information.warning {
	border: 1px #FFB800 solid;
	border-left: 5px #FFB800 solid;
	background: #FFF9D9;
}

.information.success {
	color: #289900;
	border: 1px #289900 solid;
	border-left: 5px #289900 solid;
	background: #F1FFEC;
}

.information label {
	display: block;
	font-family: 'Open Sans Bold', sans-serif;
}

.bulk-action-supporting-file {
	padding: 15px;
	border-bottom: 1px #DDDDDD solid;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 15px;
}

.list-supportingfile .fa-question-circle {
	color: #CCCCCC;
}

.action-supporting-file {
	padding-top: 10px;
}

.action-supporting-file div {
	float: left;
	text-align: center !important;
	width: 27px;
	border: 1px transparent solid;
}

.action-supporting-file div i {
	margin-right: 0;
}

.action-supporting-file .approve.active {
	border: 1px #2A7EA3 solid;
}

.action-supporting-file .reject.active {
	border: 1px #E00000 solid;
}

.action-supporting-file .approve {
	color: #2A7EA3;
}

.action-supporting-file .reject {}

.tooltip-workflow-set,
.tooltip-alert-set {
	background: #FFFFFF;
	border: 1px #DDDDDD solid;
	padding: 15px;
	border-radius: 3px;
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 99;
	width: 250px;
}

.list-relative {
	position: relative;
	width: 100%;
}

.side-info-list {
	position: absolute;
	background: #003150;
	color: #FFFFFF;
	bottom: -10px;
	left: 85px;
	z-index: 999;
	border: 1px #003150 solid;
	border-radius: 3px;
	padding: 2px 10px;
}

.clr-official-contract,
.clr-official-contract i {
	color: #248443 !important;
}

.clr-past-contract,
.clr-past-contract i {
	color: #B82035 !important;
}

.choose-icon-div {
	display: inline-block;
	text-align: center;
	padding: 10px 12px;
	float: left;
	border: 1px #DDDDDD solid;
}

.choose-icon-div:hover {
	border: 1px #2A7EA3 solid;
}

.choose-icon-div.active {
	border: 1px #2A7EA3 solid;
	background: #E2EDEE;
}

.calendar-tooltip {
	border: 1px #DDDDDD solid;
	border-radius: 3px;
	background: #FAFAFA;
	padding: 2px 5px;
	font-size: 11px;
	z-index: 999;
	width: 250px;
	-webkit-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.25);
}

.calendar-tooltip.secondary-list .li-name {
	font-size: 11px !important;
}

.accor-body .contract-item.linked:last-child {
	border-bottom: none;
}

.btn-audittrail {
	display: none;
}

.tags-sm {
	display: none;
}

.modal-custom {
	height: 100%;
	width: 100%;
	position: fixed;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99999;
	top: 0;
	left: 0;
}

.modal-custom .modal-custom-box {
	width: 50%;
	max-width: 500px;
	height: auto;
	background: #FFFFFF;
	border-radius: 5px;
	padding: 20px;
	text-align: center;
	margin: 75px auto 0;
}

body.freeze {
	overflow-y: hidden;
}

.spinner {
	width: 30px;
	height: 30px;
	background-color: #003150;
	display: inline-block;
	border-radius: 100%;
	-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
	animation: sk-scaleout 1.0s infinite ease-in-out;
	position: absolute;
	top: 9px;
	left: 45%;
	z-index: 999;
}

@-webkit-keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0)
	}

	100% {
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes sk-scaleout {
	0% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}

	100% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
		opacity: 0;
	}
}

.tooltip-info {
	font-size: 12px;
	font-family: 'Open Sans Regular', sans-serif;
	display: inline-block;
	color: #c1dbdd;
	position: relative;
	width: 30px;
}

.tooltip-info:hover {
	cursor: pointer;
	color: #2A7EA3;
}

.tooltip-info .info {
	width: 200px;
	background: #2A7EA3;
	color: #FFFFFF;
	padding: 7px;
	font-size: 11px;
	border-radius: 3px;
	position: absolute;
	top: 2px;
	left: 17px;
	display: none;
	z-index: 99999;
}

.tooltip-info:hover .info {
	display: block;
}

.tooltip-info .info hr {
	margin: 7px 0;
}

ul.multiple-toggle-1,
ul.multiple-toggle-2,
ul.multiple-toggle-3,
ul.multiple-toggle-5,
ul.multiple-toggle-4 {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

ul.multiple-toggle-1 li {
	display: inline-block;
	border: 1px #ced4da solid;
	padding: 5px 15px;
	margin-right: -5px !important;
	min-width: 75px !important;
	text-align: center;
	background: #EEEEEE;
	color: #0E8384;
	cursor: pointer;
}

ul.multiple-toggle-1 li input {
	display: none;
}

ul.multiple-toggle-1 li:first-child,
ul.multiple-toggle-1 li.first {
	border-radius: 5px 0 0 5px;
}

ul.multiple-toggle-1 li:last-child {
	border-radius: 0 5px 5px 0;
}

ul.multiple-toggle-1 li.active,
ul.multiple-toggle-1 li.active:hover {
	background: #2A7EA3;
	color: #FFFFFF;
	border: 1px #0E8384 solid;
}

ul.multiple-toggle-2 li {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
	min-width: 100px !important;
	background: #EEEEEE;
	color: #009DCF;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 5px;
}

ul.multiple-toggle-2 li img {
	width: 20px;
}

ul.multiple-toggle-2 li.active {
	background: #009DCF;
	color: #FFFFFF;
}

ul.multiple-toggle-3 li {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
	min-width: 100px !important;
	border: 1px transparent solid;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 5px;
}

ul.multiple-toggle-3 li:hover {
	border: 1px #2A7EA3 solid;
}

ul.multiple-toggle-3 li.active {
	border: 1px #2A7EA3 solid;
}

ul.multiple-toggle-4 li {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
	min-width: 100px !important;
	background: #EEEEEE;
	color: #2A7EA3;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 5px;
}

ul.multiple-toggle-4 li img {
	width: 20px;
}

ul.multiple-toggle-4 li.active {
	background: #2A7EA3;
	color: #FFFFFF;
}

.table-report thead th {
	font-family: 'Open Sans Bold', sans-serif;
	border-bottom: 3px #DAE5EA solid;
	border-top: none;
	color: #333333;
	background: #F1F3F4;
	min-height: 50px;
	vertical-align: bottom;
	cursor: default;
}

.table-report thead th.sort-top {
	border-top: 3px #2A7EA3 solid;
}

.table-report thead th.sort-bottom {
	border-bottom: 3px #2A7EA3 solid;
}

.table-report thead th.sortable:hover {
	color: #2A7EA3;
	cursor: pointer;
}

.table-report thead {
	border-radius: 5px 5px 0 0 !important;
}

.table-report thead tr th:first-child {
	border-radius: 5px 0 0 0;
}

.table-report thead tr th:last-child {
	border-radius: 0 5px 0 0;
}

.table-report tbody tr:nth-of-type(2n+1) {
	background-color: #F8F8F8;
}

.table-report.highlight tbody tr:nth-of-type(2n+1) {
	background-color: transparent !important;
}

.table-report.highlight tbody tr {
	border-bottom: 1px #EEEEEE solid !important;
}

.table-report tbody tr:hover td {
	background: #DAE5EA !important;
	cursor: pointer;
}

.table-report td {
	border-top: none;
	padding: 10px;
}

.table-report tr:last-child {
	border-bottom: 1px #F1F1F1 solid;
}

.table-report td.expiry {
	/*background: #F1F1F1 !important;*/
}

.report-container label {
	font-family: 'Open Sans SemiBold', sans-serif;
}

.report-container .filter {
	border: 1px #DDDDDD solid;
	border-radius: 5px;
	background: #FAFAFA;
}

.report-container .filter .border-right {
	border-right: 1px #DDDDDD dashed !important;
}

hr.dashed {
	border-style: dashed;
}

.progressbar {
	background: #2A7EA3;
	height: 4px;
	position: relative;
}

.progressbar span {
	display: inline-block;
	margin-top: 5px;
	color: #2A7EA3;
	font-size: 11px;
	font-family: 'Open Sans SemiBold', sans-serif;
	letter-spacing: 1px;
	position: absolute;
	z-index: 999;
	right: 0;
	top: 0;
}

.progressbar span.top {
	top: -20px;
}

.table-form {
	border: 1px #DDDDDD solid;
}

.table-form thead th {
	font-family: 'Open Sans Bold', sans-serif;
	border-bottom: 3px #DAE5EA solid;
	border-top: none;
	color: #333333;
	background: #F1F3F4;
	height: 60px;
	vertical-align: bottom;
}

.table-form thead {
	border-radius: 5px 5px 0 0 !important;
}

.table-form td {
	border-top: 1px #DDDDDD solid;
	padding: 10px;
}

.table-form tr:last-child {
	border-bottom: 1px #DDDDDD solid;
}

/*SORTABLE*/
body.dragging,
body.dragging * {
	cursor: move !important;
}

.dragged {
	opacity: 0;
}

ul.list_workflow li.placeholder {
	position: relative;
}

ul.list_workflow li.placeholder:before {
	position: absolute;
}

.workflow.removable li:hover {
	cursor: move !important;
}

.nav-added {
	padding: 5px 15px;
	color: #FFFFFF;
	text-align: right;
	font-size: 11px;
	background: rgba(0, 30, 49, 1);
	background: -moz-linear-gradient(top, rgba(0, 30, 49, 1) 0%, rgba(0, 49, 80, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 30, 49, 1)), color-stop(100%, rgba(0, 49, 80, 1)));
	background: -webkit-linear-gradient(top, rgba(0, 30, 49, 1) 0%, rgba(0, 49, 80, 1) 100%);
	background: -o-linear-gradient(top, rgba(0, 30, 49, 1) 0%, rgba(0, 49, 80, 1) 100%);
	background: -ms-linear-gradient(top, rgba(0, 30, 49, 1) 0%, rgba(0, 49, 80, 1) 100%);
	background: linear-gradient(to bottom, rgba(0, 30, 49, 1) 0%, rgba(0, 49, 80, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#001e31', endColorstr='#003150', GradientType=0);
}

.nav-added a {
	color: #FFFFFF;
	text-decoration: underline;
}

.nav-added-red {
	padding: 5px 15px;
	color: #FFFFFF;
	text-align: right;
	font-size: 11px;
	background: #820000;
	z-index: 9999;
	position: relative;
}

.centered-content .co-center2 {
	padding: 15px;
}

.pa-container h2 {
	color: #003150;
	font-size: 17px;
	font-family: 'Open Sans Bold', sans-serif;
	margin-bottom: 10px;
}

.square-color {
	width: 25px;
	height: 25px;
	display: inline-block;
	margin-right: 5px;
}

.square-color-sm {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
}

.form-group .square-color {
	cursor: pointer;
}

.form-group .square-color:hover,
.form-group .square-color.active {
	border: 1px #2A7EA3 solid;
}

.form-group .square-color.disabled {
	border: 1px #DDDDDD solid;
	cursor: none;
}

.square-color.color-1 {
	background: #FFD4D4;
}

.square-color.color-2 {
	background: #FFECC7;
}

.square-color.color-3 {
	background: #FFFCB0;
}

.square-color.color-4 {
	background: #DEF8D5;
}

.square-color.color-5 {
	background: #D2F3F8;
}

.square-color.color-6 {
	background: #E1EFF9;
}

.square-color.color-7 {
	background: #EBE1FF;
}

.square-color.color-8 {
	background: #FBEAF6;
}

.square-color.color-9 {
	background: #E9DBD1;
}

.square-color.color-10 {
	background: #ECECEC;
}

.table-report.highlight tbody tr.color-1 {
	background: #FFD4D4 !important;
}

.table-report.highlight tbody tr.color-2 {
	background: #FFECC7 !important;
}

.table-report.highlight tbody tr.color-3 {
	background: #FFFCB0 !important;
}

.table-report.highlight tbody tr.color-4 {
	background: #DEF8D5 !important;
}

.table-report.highlight tbody tr.color-5 {
	background: #D2F3F8 !important;
}

.table-report.highlight tbody tr.color-6 {
	background: #E1EFF9 !important;
}

.table-report.highlight tbody tr.color-7 {
	background: #EBE1FF !important;
}

.table-report.highlight tbody tr.color-8 {
	background: #FBEAF6 !important;
}

.table-report.highlight tbody tr.color-9 {
	background: #E9DBD1 !important;
}

.table-report.highlight tbody tr.color-10 {
	background: #ECECEC !important;
}


ul.multiple-toggle-5 li {
	display: inline-block;
	padding: 5px 10px;
	margin-right: 2px;
	min-width: 100px !important;
	background: #EEEEEE;
	color: #009DCF;
	cursor: pointer;
	border-radius: 5px;
	margin-bottom: 5px;
}

ul.multiple-toggle-5 li img {
	width: 20px;
}

ul.multiple-toggle-5 li.active {
	background: #009DCF;
	color: #FFFFFF;
}

.contract-file-container {
	float: left;
	margin-right: 20px;
	border: 1px #DDDDDD solid;
	border-radius: 5px;
	background: #FAFAFA;
	padding: 20px;
}

.contract-file-container.noborder {
	border: none !important;
	background: transparent !important;
}

.preview-contract-container .nav-preview {
	background: #FAFAFA;
	border-bottom: 1px #DDDDDD solid;
	padding: 10px 15px;
}

.detail-contract-container .nav-back {
	background: #FAFAFA;
	border-bottom: 1px #DDDDDD solid;
	padding: 10px 15px;
}

.counter {
	padding: 3px;
	border-radius: 5px;
	background: #DD0000;
	color: #FFFFFF;
	text-align: center;
	font-family: 'Open Sans SemiBold', sans-serif;
	font-size: 11px;
	min-width: 20px;
	display: inline-block;
}

.subset-title {
	border: 1px #DDDDDD solid;
	background: #EAEAEA;
	margin-top: 15px;
	margin-left: -15px;
	margin-right: -15px;
	padding: 5px 15px;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.subset-content {
	padding: 15px 20px;
}

.modal .sf-image-preview img {
	max-width: 100%;
}

.co-right .form-button,
.co-right-rev .form-button {
	border: 1px #2A7EA3 solid;
	border-radius: 3px;
	padding: 10px;
	background: #E2EDEE;
}

.favorite-filter {
	border-radius: 3px;
	border: 1px #009DCF solid;
	border-left: 5px #009DCF solid;
	padding: 10px 15px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	background: #CCF3FF;
	color: #009DCF;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.favorite-filter.active {
	display: block;
}

.option-favorite-filter {
	padding: 10px 15px;
	border: 1px transparent solid;
	margin-bottom: 5px;
	font-family: 'Open Sans SemiBold', sans-serif;
	cursor: pointer;
}

.option-favorite-filter:hover {
	border-radius: 3px;
	border: 1px #009DCF solid;
}

.form-favorite-filter {
	margin-bottom: 0px;
	padding: 15px;
	border-bottom: 1px #DDDDDD solid;
	background: #FAFAFA;
}

.filter-badge-container {
	border-bottom: 1px #DDDDDD solid;
	padding: 15px;
}

.filter-badge-container label {
	margin-right: 10px;
}

.filter-badge {
	border-radius: 3px;
	border: 1px #2A7EA3 solid;
	padding: 5px 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

.filter-badge .badge-label {
	color: #AAAAAA;
}

.filter-badge .badge-value {
	color: #2A7EA3;
	font-family: 'Open Sans SemiBold', sans-serif;
}

.filter-badge a {
	margin-left: 5px;
	font-size: 11px;
}

.filter-badge a i {
	margin-right: 0;
}

.analytics-title {
	display: block;
	font-size: 15px;
	font-family: 'Open Sans SemiBold', sans-serif;
	margin-bottom: 10px;
}

.analytics-box {
	border-radius: 5px;
	padding: 15px;
	margin-bottom: 15px;
}

.analytics-box.blue {
	background: #E1F8FF;
}

.analytics-box.oranye {
	background: #FFF0E1;
}

.analytics-box.grey {
	background: #EDEDED;
}

.analytics-box.red {
	background: #FFE1E1;
}

.analytics-box .number {
	display: block;
	font-size: 23px;
	margin-bottom: 15px;
	color: #111111 !important;
}

.analytics-box .title {
	display: block;
	text-align: right;
	font-size: 15px;
}

.analytics-box.blue .title {
	color: #119ECB;
}

.analytics-box.oranye .title {
	color: #E48322;
}

.analytics-box.grey .title {
	color: #5B5B5B;
}

.analytics-box.red .title {
	color: #DC2E2E;
}

.border-right {
	border-right: 1px #DDDDDD solid;
}

.border-left {
	border-left: 1px #DDDDDD solid;
}

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

.analytics-topaccount {
	border-radius: 5px;
	border: 1px #DDDDDD solid;
	padding: 10px;
}

.analytics-topaccount .topaccount-list {
	margin-bottom: 10px;
}

.analytics-topaccount .topaccount-list img {
	max-height: 30px;
	max-width: 30px;
	object-fit: cover;
	margin-right: 5px;
}

.analytics-topaccount .topaccount-list p {
	margin-bottom: 0;
	float: right;
	text-align: right;
	margin-top: -5px;
}

.analytics-contract {
	border-radius: 5px;
	border: 1px #DDDDDD solid;
}

.analytics-contract .oranye {
	color: #FF8A00;
}

ul.analytics-toggle-contract li {
	color: #333333;
}

ul.analytics-toggle-contract li.active,
ul.analytics-toggle-contract li.active:hover {
	background: #FF8A00;
	border: 1px #DA7500 solid;
}

.button-add-task {
	width: 150px;
	border-radius: 3px;
	border: 1px #dddddd dashed;
	background: #EEEEEE;
	text-align: center;
	padding: 20px;
	cursor: pointer;
}

.task-success {
	background: url(../images/icon/task-success.png);
	background-repeat: no-repeat;
	/* background-position: right; */
}

.task-danger {
	background: url(../images/icon/task-danger.png);
	background-repeat: no-repeat;
	/* background-position: right; */
}

.task-primary {
	background: url(../images/icon/task-primary.png);
	background-repeat: no-repeat;
	/* background-position: right; */
}

.task-default {
	background: url(../images/icon/task-default.png);
	background-repeat: no-repeat;
	/* background-position: right; */
}

.line-up .form-check .label-text::after {
	/* content: "";
	position: absolute;
	height: 4.3rem;
	border: 1px solid #777777;
	left: 0.4rem;
	bottom: 100%;
	z-index: -1;
	margin-bottom: -0.3rem; */

	content: "";
	position: absolute;
	height: calc(4.3rem - 4px);
	border: 1px solid #777777;
	left: 0.4rem;
	bottom: 100%;
	z-index: 2;
	margin-bottom: -0.3rem;
}


.font-default {
	color: #2A7EA3;
}

.participant.fadein {
	opacity: 0.65;
}

.main-list .list-file {
	border: 1px transparent solid;
	border-bottom: 1px #DDDDDD solid;
	/*padding: 15px;*/
	padding: 15px 15px 20px 15px;
	position: relative;
}

.list-file .list-dot,
.contract-item .list-dot {
	float: right;
	padding: 5px;
	position: absolute;
	right: 10px;
	top: 20px;
	color: #2A7EA3;
}

.list-file .list-dot img,
.contract-item .list-dot img {
	height: 17px;
}

/** The Magic **/
.btn-breadcrumb .btn:not(:last-child):after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid white;
	position: absolute;
	top: 50%;
	margin-top: -17px;
	left: 100%;
	z-index: 3;
}

.btn-breadcrumb .btn:not(:last-child):before {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	border-left: 10px solid rgb(173, 173, 173);
	position: absolute;
	top: 50%;
	margin-top: -17px;
	margin-left: 1px;
	left: 100%;
	z-index: 3;
}

/** The Spacing **/
.btn-breadcrumb .btn {
	padding: 6px 12px 6px 24px;
}

.btn-breadcrumb .btn:first-child {
	padding: 6px 6px 6px 10px;
}

.btn-breadcrumb .btn:last-child {
	padding: 6px 18px 6px 24px;
}

/** Default button **/
.btn-breadcrumb .btn.btn-default:not(:last-child):after {
	border-left: 10px solid #fff;
}

.btn-breadcrumb .btn.btn-default:not(:last-child):before {
	border-left: 10px solid #ccc;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
	border-left: 10px solid #ebebeb;
}

.btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
	border-left: 10px solid #adadad;
}

/** Primary button **/
.btn-breadcrumb .btn.btn-primary:not(:last-child):after {
	border-left: 10px solid #428bca;
}

.btn-breadcrumb .btn.btn-primary:not(:last-child):before {
	border-left: 10px solid #357ebd;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
	border-left: 10px solid #3276b1;
}

.btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
	border-left: 10px solid #285e8e;
}

.breadcrumb.folder {
	background: unset;
	padding: 0;
	margin-bottom: 0.25rem;
}

.folder .breadcrumb-item+.breadcrumb-item {
	padding-left: 0.25rem;
}

.folder .breadcrumb-item+.breadcrumb-item::before {
	padding-right: .25rem;
}

@media (min-width: 1440px) {
	a.openRightPanel{
		display: none;
	}
}

@media (max-width: 1440px) {
	.co-right{
		display: none;
	}
}

@media (min-width: 1440px) {
	.co-right{
		display: show;
	}
}

div.sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}

.bar_status_perusahaan {
	width: 100%;
	height: 50px;
	background-color: #2A7EA3;
	font-size: 16px;
	padding-top: 13px;
	padding-left: 20px;
	color: white;
}

.bar_status_perusahaan span {
	border: 1px solid white;
	margin-right: 6px;
	padding: 0 2px 0 2px;
}

.bar_status_perusahaan a {
	background-color: #2A7EA3;
	font-size: 16px;
	color: white;
	text-decoration: none;
}