select.form-control:disabled{
         /*For FireFox*/
        -webkit-appearance: none;
        /*For Chrome*/
        -moz-appearance: none;
}
.ht-40 {
	height: 40px;
}
.md-datepicker-button {
	display: none;
}
#invoice-top .md-datepicker-input-container {
	margin-left: 0px !important;
	width: 145px;
}
::-ms-reveal {
    display: none;
}
.confidential {
	background-image: url("/assets/icons-common/confidential-watermark.png");
    background-repeat: no-repeat;
    background-position: center;
}
.btn_cancel, .btn_cancel:hover {
	color: #2196F3; 
	letter-spacing: 0.16px;
	border: 1px solid #2196F3;
	text-transform: capitalize;
	background-color: transparent !important;
}
.btn_remove, .btn_remove:hover {
	color: #f1416c; 
	letter-spacing: 0.16px;
	border: 1px solid #f1416c;
	text-transform: capitalize;
	background-color: transparent !important;
}
.tr-sub-header th {
	padding: 10px;
    color: #262626;
    font-weight: normal;
}
.tr-sub-header td {
	padding: 15px 10px;
    color: #4E4B66;
    font-weight: normal;
}
.req {color: red;}
.mv-12 {
	margin-top: 12px;
	margin-bottom: 12px;
}
.w-3p {
	width: 3%;
}
.w-5p {
	width: 5%;
}
.w-8p {
	width: 8%;
}
.w-9p {
	width: 9%;
}
.w-10p {
	width: 10%;
}
.w-14p {
	width: 14%;
}
.w-15p {
	width: 15%;
}
.w-20p {
	width: 20%;
}
.w-24p {
	width: 24%;
}
.w-25p {
	width: 25%;
}
.w-30p {
	width: 30%;
}
.w-35p {
	width: 35%;
}
.w-40p {
	width: 40%;
}
.w-45p {
	width: 45%;
}
.w-50p {
	width: 50%;
}
.w-60p {
	width: 60%;
}
.w-70p {
	width: 70%;
}
.w-75p {
	width: 75%;
}
.w-80p {
	width: 80%;
}
.w-90p {
	width: 90%;
}
.w-100p {
	width: 100%;
}
.w-500 {
	width: 500px;
}
.s42 {width: 42px;}
.text-r {
	/* text-align: -webkit-right; */
	text-align: right !important;
}
.bt-s-1 {
	border-top: 1px solid #bdbdbd;
}
.br-s-1 {
	border-right: 1px solid #bdbdbd;
}
.bb-s-1 {
	border-bottom: 1px solid #bdbdbd;
}
.bl-s-1 {
	border-left: 1px solid #bdbdbd;
}
.bt-s-2 {
	border-top: 2px solid #bdbdbd;
}
.br-s-2 {
	border-right: 2px solid #bdbdbd;
}
.bb-s-2 {
	border-bottom: 2px solid #bdbdbd;
}
.bl-s-2 {
	border-left: 2px solid #bdbdbd;
}
.bb-d-1 {
	border-bottom: 1px dashed #bdbdbd;
}
.b-line {
	border: 1px solid #19a4e7;
}
.def-color {
	color: rgb(3, 155, 229) !important;
}
.arrow-color{
	color: rgb(143, 147, 147) !important;
}
.total-back {
	background-color: rgb(246, 246, 246);
}
.field-layout {
	height: 33px;
	border: 1px solid #bdbdbd;
	border-radius: 3px;
}
.field-style {
	padding:7px;
	background-color: #e4e2e2;
}
.li-table-tr {
	height:40px;
	background-color: #414141;color:white
}
.li-table-tr-new-style {
	height:40px !important;
	background-color: #e2dfdf !important;color:black !important;    border: 1px solid #c1b8b8 !important;
}
.tr-with-border {
	border-bottom:1px solid #d6d6c3 !important;
	margin-bottom: 3px;
}
.page-layout.table-padding {
    min-height: 100%;
    padding: 10px;
 }
.input-border {
	border: 1px solid #cccc !important;
	border-radius: 4px !important;
}
.invoice-layout-padding {
	padding: 0px 40px;
}
.supplier-dialog {
	width: 50%;
	overflow-y: hidden;
}

.fw-b {
	font-weight: bold;
}
.disabled-color {
      color: black !important;
}
#addButton {
	position: fixed;
	bottom: 30px;
	right: 8px;
	background-color: rgb(3, 155, 229);
	color: rgb(255, 255, 255);
	padding: 0;
	z-index: 50;
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	cursor: pointer;
	border-radius: 50%;
	margin: 0;
	pointer-events: auto;
	opacity: 0.75;
}

.close-button {
	float: right;
	padding: 16px;
	margin: -16px;
	color: inherit;
	text-align: center;
	cursor: pointer;
	background: none;
	border: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	opacity: 0.6;
}

.flash-error {
	color: #911;
	background-color: #fcdede;
	border-color: #d2b2b2;
}

.flash {
	position: relative;
	padding: 16px;
	border: 1px solid #bac6d3;
	border-radius: 3px;
}

.cyan {
	background-color: #00bcd4 !important;
}

.input-field .prefix {
	position: absolute;
	width: 3rem;
	font-size: 2rem;
	-webkit-transition: color 0.2s;
	-moz-transition: color 0.2s;
	-o-transition: color 0.2s;
	-ms-transition: color 0.2s;
	transition: color 0.2s;
}

.input-field .prefix ~ input, .input-field .md-input-message-animation,
	.input-field .prefix ~ textarea {
	margin-left: 3rem;
	width: 92%;
	width: calc(100% - 3rem);
}

.circle {
	border-radius: 50%;
}

.profile-image-login {
	width: 100px;
	height: 100px !important;
}

img.responsive-img, video.responsive-video {
	max-width: 100%;
	height: auto;
}

#e-commerce-order>.header {
	height: 70px;
	min-height: 70px;
	max-height: 70px;
}

.supplier-div {
	border: 1px solid darkgrey;
	margin: 14px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.supplier-heading-text {
	padding-left: 18px;
	padding-top: 10px;
	font-size: 18px;
	margin: 0 !important;
}

.scroll-x {
	overflow-x: auto;
}

.mw-150 {
	min-width: 150px;
}

.profile-dialog md-toolbar.md-tall {
	min-height: 170px;
	max-height: 200px;
	background-color: rgb(3, 155, 229);
}

table.dataTable tbody td {
	padding-top: 10px;
	padding-bottom: 10px;
}

.sp-header {
	padding: 2px 0 0px 0;
	min-height: 0;
	margin-bottom: 10px;
}

#e-commerce-orders .center .sp-header .search .search-input {
	margin: 0 0 0 3px;
	background: none;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	border-bottom: 2px solid rgba(158, 152, 152, 0.3);
	-webkit-transition: border-color 300ms ease;
	transition: border-color 300ms ease;
}

#e-commerce-orders .center .sp-header .search {
	position: relative;
	padding-left: 24px;
	max-width: 480px;
}

#profile  .header {
	position: relative;
	padding-left: 24px;
	height: 50px;
	min-height: 50px;
	background-color: rgb(5, 167, 253) !important;
	background-image: url(/assets/icons-common/header-bg.png);
}

#e-commerce-orders .top-bg {
	position: absolute;
	height: 60px;
	background-size: cover;
}

.iconcolor {
	color: rgb(5, 167, 253) !important;
}

.buttoncolor {
	background-color: rgb(5, 167, 253) !important;
}

.flippable-widget-height-width {
	min-height: 300px;
	min-width: 50%;
}

#invoiceItemTab {
	width: 100%;
	padding: 0 !important;
}

#Payments-bg md-content {
	background-color: #f5f5f5 !important;
}

#Payments-bg md-card:first-child {
	padding: 8px 8px 8px 24px;
}

.c-p {
	cursor: pointer;
}

@media screen and (min-width: 769px) {
	#invoice .invoice-container tbody {
		display: inherit;
		/* height: 200px; */
		overflow: auto;
	}
	#invoice .invoice-container tr {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	#invoice .invoice-container thead {
		width: calc(100% - 1em)
	}
}

#userDialog md-input-container label:not (.md-no-float ):not (.md-container-ignore
	), md-input-container .md-placeholder {
	font-weight: 300;
	font-size: 14px;
}

#userDialog md-input-container.md-default-theme:not (.md-input-invalid ).md-input-focused label,
	md-input-container:not (.md-input-invalid ).md-input-focused label,
	md-input-container.md-default-theme:not (.md-input-invalid ).md-input-focused md-icon,
	md-input-container:not (.md-input-invalid ).md-input-focused md-icon {
	color: rgb(20, 108, 150);
}

#userDialog md-input-container.md-default-theme:not (.md-input-invalid ).md-input-focused .md-input,
	md-input-container:not (.md-input-invalid ).md-input-focused .md-input,
	md-input-container.md-default-theme:not (.md-input-invalid ).md-input-resized .md-input,
	md-input-container:not (.md-input-invalid ).md-input-resized .md-input
	{
	border-color: rgb(20, 108, 150);
	color: rgb(20, 108, 150);
}

#userDialog md-select-menu.md-default-theme md-content md-option,
	md-select-menu md-content md-option {
	color: rgb(20, 108, 150);
}

md-checkbox.md-checked .md-icon {
	border-width: 2px;
	border-style: solid;
}

.md-tab {
	text-transform: none !important;
}

.txt-trf {
	text-transform: none !important;
}

/*Footer css*/
.footer-div {
	bottom: 0;
	background: transparent;
	height: 40px !important;
	width: 100%;
	position: initial;
	text-align: center;
	padding-top: 6px;
	
}
.footer-div.bg-color{
	background: #fff;
	border-top: 1px solid rgb(0 0 0 / 14%);
	border-bottom: 1px solid rgb(0 0 0 / 14%);
}
.pos-abs {
	position: absolute !important;
}

.td-Width {
	width: 33% !important;
}

/* Start setting page css */
.select-zone {
	display: inline-block;
	width: 80px;
	height: 80px;
	border: 1px solid teal;
	cursor: pointer;
}

.iconcolorwhite {
	color: rgb(255, 255, 255) !important;
}
/* Angular color picker*/
.angular-color-picker {
	padding: 0;
}
/* Angular color picker END*/
#toolbar {
	background-color: rgb(21, 43, 80);
}

@media screen and (max-width: 767px) {
	#e-commerce-orders .top-bg {
		position: absolute;
		height: 103px !important;
		background-image: url(/assets/icons-common/header-bg.png);
		background-size: cover;
	}
	#e-commerce-order>.header {
		height: 50px;
		min-height: 100px !important;
		max-height: 50px;
	}
}

.setting-toolbar {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	color: white;
	background-color: rgb(47, 12, 12);
}

#e-commerce-orders .md-tab.md-active {
	cursor: default;
	color: rgb(5, 167, 253) !important;
	font-size: 15px;
	font-weight: normal;
	padding: 12px 12px;
}

#e-commerce-orders md-tabs-canvas {
	background-color: white;
}

#e-commerce-orders md-pagination-wrapper {
	margin-left: 10px;
}

.page-layout.simple.tabbed>.size {
	padding: 0px;
}

.widget-group {
	background-color: white;
	margin: 10px;
}

md-tabs-canvas {
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px
		rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

#search-toolbar md-input-container.md-default-theme label,
	md-input-container label, md-input-container.md-default-theme .md-placeholder,
	md-input-container .md-placeholder {
	font-weight: normal;
	font-size: 14px;
}

#search-toolbar {
	background-color: white;
}

md-menu-content.md-default-theme, md-menu-content {
	background-color: rgb(117, 117, 117);
}

md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item
	{
	color: rgb(255, 255, 255);
}

#typography>.content>md-tabs>md-tabs-wrapper {
	padding: 0 !important;
}

.page-layout.simple.tabbed>.content>md-tabs>md-tabs-content-wrapper>md-tab-content
	{
	padding: 0 !important;
}

.fs-a {
	font-size: small !important;
}

.red {
	background-color: #eaf0f3;
}

@media only screen and (max-device-width: 480px) {
	.mob-res {
		width: 120px;
	}
	.flex-prop {
		flex: 30;
	}
	.pad-20 {
		padding-top: 20px;
	}
	.heg {
		height: 70px !important
	}
	.pdfmob {
		font-size: 60px;
		min-height: 64px;
	}
	.bkbtn {
		background-color: rgb(155, 155, 155);
		position: absolute;
		top: 6px !important;
		left: 14px !important;
	}
	.showfname {
		padding: 10px 2px !important;
		list-style: none;
		background-color: #9b9b9b;
		font-size: 13px !important;
		position: absolute;
		top: -11px !important;
		left: 48px !important;
	}
}

.bkbtn {
	background-color: #9b9b9b;
	position: absolute;
	top: 6px;
	left: 70px;
}

.showfname {
	padding: 10px 16px;
	list-style: none;
	background-color: #9b9b9b;
	font-size: 17px;
	position: absolute;
	top: -14px;
	left: 124px;
}

.n1 {
	color: #757575;
	position: absolute;
	padding-left: 20px;
	left: 0;
}

.bak-whte {
	background-color: white;
	"
}

.pf {
	color: #ff0000;
	font-size: 100px;
	min-height: 64px;
	"
}

.ficon {
	color: #ffb300;
	color: #ffcc55;
	font-size: 64px !important;
	min-width: 64px !important;
	min-height: 64px !important;
}

/* CHAT_BOX */
.chat_box .chat_message_wrapper ul.chat_message>li+li {
	margin-top: 4px;
}

.popup-box-on {
	display: block !important;
}

a:focus {
	outline: none;
	outline-offset: 0px;
}

.popup-head-left.pull-left h1 {
	color: #fff;
	float: left;
	/* font-family: oswald; */
	font-size: 18px;
	margin: 2px 0 0 5px;
}

.popup-head-left a small {
	display: table;
	font-size: 11px;
	color: #fff;
	line-height: 4px;
	opacity: 0.5;
	padding: 0 0 0 7px;
}

.chat-header-button {
	background: transparent none repeat scroll 0 0;
	border: 1px solid #fff;
	border-radius: 7px;
	font-size: 15px;
	height: 26px;
	opacity: 0.9;
	padding: 0;
	text-align: center;
	width: 26px;
}

.popup-head-right {
	margin: 9px 0 0;
}

.popup-head .btn-group {
	margin: -5px 3px 0 -1px;
}

.popup-head .md-user-image {
	border: 2px solid #5a7172;
	border-radius: 12px;
	float: left;
	width: 44px;
}

.chat_box {
	padding: 16px;
}

.chat_box .chat_message_wrapper::after {
	clear: both;
}

.chat_box .chat_message_wrapper::after, .chat_box .chat_message_wrapper::before
	{
	content: " ";
	display: table;
}

.chat_box .chat_message_wrapper .chat_user_avatar {
	float: left;
}

.chat_box .chat_message_wrapper {
	margin-bottom: 32px;
}

.md-user-image {
	border-radius: 50%;
	width: 34px;
}

img {
	border: 0 none;
	box-sizing: border-box;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message>li
	{
	list-style: outside none none;
	padding: 0;
}

.chat_box .chat_message_wrapper ul.chat_message {
	float: left;
	margin: 0 0 0 20px;
	max-width: 77%;
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li:first-child::before
	{
	border-right-color: #616161;
}

.chat_box .chat_message_wrapper ul.chat_message>li:first-child::before {
	border-color: transparent #ededed transparent transparent;
	border-style: solid;
	border-width: 0 16px 16px 0;
	content: "";
	height: 0;
	left: -14px;
	position: absolute;
	top: 0;
	width: 0;
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li {
	background: #FCFBF6 none repeat scroll 0 0;
	color: #000000;
}

.open-btn {
	border: 2px solid #189d0e;
	border-radius: 32px;
	color: #189d0e !important;
	display: inline-block;
	margin: 10px 0 0;
	padding: 9px 16px;
	text-decoration: none !important;
	text-transform: uppercase;
}

.chat_box .chat_message_wrapper ul.chat_message>li {
	background: #ededed none repeat scroll 0 0;
	border-radius: 4px;
	clear: both;
	color: #212121;
	display: block;
	float: left;
	font-size: 13px;
	padding: 8px 16px;
	position: relative;
	word-break: break-all;
}

.chat_box .chat_message_wrapper ul.chat_message, .chat_box .chat_message_wrapper ul.chat_message>li
	{
	list-style: outside none none;
	padding: 0;
}

.chat_box .chat_message_wrapper ul.chat_message>li {
	margin: 0;
}

.chat_box .chat_message_wrapper ul.chat_message>li p {
	margin: 0;
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li .chat_message_time
	{
	color: rgba(185, 186, 180, 0.9);
}

.chat_box .chat_message_wrapper ul.chat_message>li .chat_message_time {
	color: #727272;
	display: block;
	font-size: 11px;
	padding-top: 2px;
	text-transform: uppercase;
}

.chat_box .chat_message_wrapper.chat_message_right .chat_user_avatar {
	float: right;
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message {
	float: right;
	margin-left: 0 !important;
	margin-right: 24px !important;
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child::before
	{
	border-left-color: #E8FFD4;
}

.chat_box.chat_box_colors_a .chat_message_wrapper ul.chat_message>li:first-child::before
	{
	border-right-color: #FCFBF6;
}

.chat_box .chat_message_wrapper.chat_message_right ul.chat_message>li:first-child::before
	{
	border-color: transparent transparent transparent #ededed;
	border-width: 0 0 29px 29px;
	left: auto;
	right: -14px;
}

.chat_box.chat_box_colors_a .chat_message_wrapper.chat_message_right ul.chat_message>li
	{
	background: #E8FFD4 none repeat scroll 0 0;
}

.chat_box .chat_message_wrapper ul.chat_message>li:first-child::before {
	border-color: transparent #ededed transparent transparent;
	border-style: solid;
	border-width: 0 29px 29px 0;
	content: "";
	height: 0;
	left: -14px;
	position: absolute;
	top: 0;
	width: 0;
}

.chat_box .chat_message_wrapper ul.chat_message>li {
	background: #ededed none repeat scroll 0 0;
	border-radius: 12px;
	clear: both;
	color: #212121;
	display: block;
	float: left;
	font-size: 13px;
	padding: 8px 16px;
	position: relative;
}

.chat_submit_box {
	bottom: 0;
	box-sizing: border-box;
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.uk-input-group {
	display: grid;
	color: #565867;
	resize: none;
	transition: background-color .2s ease, box-shadow .2s ease;
	border: none;
}

.chat-box {
	background-color: #f4f7f9 !important;
	min-height: 55px;
	max-height: 200px;
}

#submit_message {
	padding: 10px;
	padding-left: 30px;
	height: 100%;
	font-size: 15px;
	background-color: #f4f7f9 !important
}


.chat_submit_box:hover {
	background-color: blue;
}

.chat_box_wrapper.chat_box_small.chat_box_active {
	height: inherit;
	overflow-y: scroll;
}

.popup-head {
	background-color: #43A047;
	color: #fff;
	display: table;
	width: 100%;
	padding: 8px;
}

.uk-input-group-addon {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin-top: 16px;
}

.chat_box {
	color: #fff;
	padding: 7px 20px;
}

.chat_icon {
	/* margin-top: 23% !important; */
	right: -11px !important;
	height: 40px !important;
	display: inline-block;
    position: absolute;
    right: 0px;
    bottom: 100px;
}

/* CHAT_BOX */

.md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item
	{
	color: #9ea2a8 !important;
	font-size: 13px;
}

md-menu-item md-icon[md-font-icon], i {
	font-size: 16px !important;
}

.toolbar-icon-color {
	color: #9ea2a8 !important;
}

.md-menu-content.md-default-theme, md-menu-content {
	background-color: #fff !important;
    border-radius: 4px;
}

.md-menu-content.md-default-theme md-menu-item, md-menu-content md-menu-item {
    color: rgba(9, 30, 66, 0.87) !important;
}

.ms-navigation .ms-navigation-node .ms-navigation-item>.ms-navigation-button.active
	{
	background-color: #454a56 !important;
}

#textAngular-editableFix-010203040506070809 {
	display: none;
}

.gray-bg {
	background-color: #6f8ab5 !important;
}

.rfx-detail .date-time, .rfx-detail .category,
.vendor-details .current-city, .vendor-details .email, .vendor-details .mobile,
	.vendor-details .role {
	font-size: 12px;
	color: #888;
	margin: 0 0px 5px 0;
	display: inline-block;
}

.rfx-detail .inlineRow p ,
.vendor-details  .inlineRow p{
	 
	margin: 0 0px 5px 0;
	display: inline-block;
}
.rfx-detail .status{
	border-radius: 2px;
    margin: 0px 10px 0 10px;
    padding: 3px 4px;
    margin-left: 12px;
    background-color: rgba(0, 0, 0, 0.08);
}
.rfx-detail .status .tag-color{
	    width: 8px;
    height: 8px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: #ebcf1a
}

.rfx-detail .status .tag-color.REVIEW_COMPLETE
{
	background-color: #1f8611;
}
.rfx-detail .status .tag-color.STATUS_REVIEW_REJECTED
{
	background-color: red;
}
.rfx-detail .status .tag-label{
	
}
.vendor-profile-container .vendor-subnav {
	height: 56px;
	padding: 4px 0 0 0px;
	margin-top: 2px;
}

.vendor-profile-container .vendor-subnav .public-profile-subnav {
	padding-left: 0px;
}

.vendor-profile-container .vendor-subnav .public-profile-subnav li {
	list-style: none;
	border-right: none;
	padding-right: 15px;
	font-size: 11px;
	float: left;
}

.vendor-profile-container .vendor-subnav .public-profile-subnav li.pr50
	{
	padding-right: 50px;
}

.vendor-profile-container .vendor-subnav .public-profile-subnav .detail-label
	{
	/* text-transform: uppercase; */
	display: block;
	font-weight: 700;
}

.vendor-profile-container .vendor-subnav .public-profile-subnav .detail-value
	{
	text-transform: capitalize;
	color: #7d7d7e;
	font-size: 12px;
	font-weight: 500;
}

.vendor-profile-container .vendor-navbar {
	/*   margin-left: 214px; */
	
}

.vendor-profile-container .vendor-navbar .sub-navbar-default {
	background-color: #dee7f4;
	height: 50px;
	border-radius: 0;
	border-top: 1px solid #cfd9e8;
	border-bottom: 1px solid #cfd9e8;
	border-right: 1px solid #cfd9e8;
}
.vendor-profile-container .vendor-navbar .sub-navbar-default-new {
	background-color: #e5e1e0;
	height: 50px;
	border-radius: 0;
	border-top: 1px solid #cfd9e8;
	border-bottom: 1px solid #cfd9e8;
	border-right: 1px solid #cfd9e8;
}
.vendor-profile-container .vendor-navbar .navbar-nav li {
	border-right: none;
	/* text-transform: uppercase; */
	padding: 0 20px;
	list-style: none;
	float: left;
}

hr {
	margin-top: 19px;
	margin-bottom: 19px;
	border: 0;
	border-top: 1px solid #eee;
}

.vendor-profile-container .vendor-header hr {
	margin-top: 10px;
}

.sub-nav {
	padding-left: 0;
	list-style: none;
	position: relative;
	min-height: 40px;
	border: 1px solid transparent
}
.sub-nav .navbar-nav{
	    display: block;
	    margin-top: 15px;
    margin-bottom: 0px;
}
.vendor-profile-container .vendor-navbar .navbar-nav li.active a {
	color: #3595e2;
	background-color: transparent !important;
	border-bottom: 5px solid #3595e2;
}
.vendor-profile-container .vendor-navbar .selected-tab li.active a {
	color: black;
	background-color: transparent !important;
	border-bottom: 5px solid green;
}
.vendor-profile-container .vendor-navbar .navbar-nav li a {
	font-weight: 700;
	color: #7d7d7e;
	padding: 13px 0 10px 0;
	font-size: 12px;
	background-color: transparent !important;
	text-decoration: none;
	cursor: pointer;
}
rfx-bid-review-li{
	
}
.rfx-bid-review-li li{
	list-style: none;
}
ul.rfx-bid-review-li
{
padding-left: 0px;
}
.rfx-bid-review-li li.header {
	font-size: 18px;
    font-weight: 300;
}
.vendor-document-classification {
	margin-top: 0px;
	padding: 0px;
}

.vendor-document-classification li.header {
	font-weight: bold;
}

.vendor-document-classification li {
	list-style: none;
	margine-left: 10px;
	marfine-right: 10px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
	cursor: pointer;
}

.vendor-document-classification li:hover {
	
}

.vendor-document-classification li.active {
	color: #389cec;
}

.md-ssp {
	background-color: rgb(3, 155, 229) !important;
	color: rgb(255, 255, 255);
}

.alert.alert-warning {
	background-color: #fff6ea;
	border: 1px solid #ffe0b2;
}
.alert.alert-success {
	background-color: #d8f8e6;
	border: 1px solid #3cb371;
}

.ssp-custom-form md-input-container {
	margin-right: 30px;
}
.ssp-custom-form .custom-lable {
	 padding-top: 10px;
}
.ssp-custom-form md-input-container.no-lable {
	margin: 0px;
}
.ssp-custom-form .no-error .md-errors-spacer{
	display:none
}
.ssp-custom-form.withoutlable-inline md-input-container{
	margin: 0px;
}
.ssp-custom-form.withoutlable-inline .md-errors-spacer{
	display:none;
}
.ssp-custom-form.withoutlable-inline md-input-container .md-input.ng-invalid.ng-dirty{
     border-width: 1px 1px 1px 1px;
}
.ssp-custom-form md-input-container label {
	-webkit-transform: translate3d(0, 6px, 0) scale(.75) !important;
	transform: translate3d(0, 6px, 0) scale(.75) !important;
	-webkit-transition: width .4s cubic-bezier(.25, .8, .25, 1),
		-webkit-transform .4s cubic-bezier(.25, .8, .25, 1) !important;
	transition: width .4s cubic-bezier(.25, .8, .25, 1), -webkit-transform
		.4s cubic-bezier(.25, .8, .25, 1) !important;
	transition: transform .4s cubic-bezier(.25, .8, .25, 1), width .4s
		cubic-bezier(.25, .8, .25, 1) !important;
	transition: transform .4s cubic-bezier(.25, .8, .25, 1), width .4s
		cubic-bezier(.25, .8, .25, 1), -webkit-transform .4s
		cubic-bezier(.25, .8, .25, 1) !important;
	opacity: 1 !important;
	top: auto !important;
}
.ssp-custom-form .bordered.md-input[disabled] 
{
	border-bottom-color:#dfdfdf;  
    color: rgba(0,0,0,0.38);  
    background-image:none;

}
.ssp-custom-form md-input-container .md-select-placeholder>span:not (.md-select-icon
	) {
	/* color: transparent; */
	
}

.ssp-custom-form  .bordered.md-input
 {
    border: 1px solid rgb(210, 215, 212);
    padding: 9px;
    border-radius: 4px;
    height: 36px;
 }
 
 .ssp-custom-form  .bordered.md-input:input
 {
    border: 1px solid rgb(210, 215, 212);
    padding: 9px;
    border-radius: 4px;
    height: 36px;
 }
  .ssp-custom-form  .bordered.md-input:input
 {
    border: 1px solid rgb(210, 215, 212);
    padding: 9px;
    border-radius: 4px;
    height: 36px;
 }
 
.ssp-custom-form  .md-select-value.md-select-placeholder{
		color:rgba(0,0,0,0.0) !important;

 }
 .ssp-custom-form .md-select-value .md-select-icon{
 	color:#aca4a4 !important;
 }
 
  .ssp-custom-form .bordered-md-select
 {
    border: 1px solid rgb(210, 215, 212);
    padding: 2px;
    border-radius: 4px;
    height: 36px;
 }
 
 .ssp-custom-form .bordered-md-select md-select-value{
 	border-bottom:none;
 }
  .ssp-custom-form .h-lable{
  color:#0862ac;
 }
 .ssp-custom-form .search-container
{
    margin: 5px;
}
 .ssp-custom-form .no-error .md-errors-spacer{
 display:none;
}
 
 
 
 
.ssp-custom-widget.container {
	padding: 12px;
	position: relative;
	font-size: 1.3rem;
}

.ssp-custom-widget .widget-body {
	border-radius: 3px;
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px
		rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}
.ssp-custom-widget .date-input{
	margin:0px;
}
.ssp-custom-widget .date-input label{
	
}


.liner {
    height: 2px;
    background: #ddd;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1;
}

.sspnavtab .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.sspnavtab .nav-tabs {
    border-bottom: 1px solid #ddd;
}
.sspnavtab .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    box-sizing: border-box;
}

   
 
.progress-bar-wrapper ul.progress-bar {
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 0;
    list-style: none;
}

.progress-bar-wrapper li.section {
    display: inline-block;
    padding-top: 45px;
    font-size: 13px;
    font-weight: bold;
    line-height: 16px;
    color: gray;
    vertical-align: top;
    position: relative;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}
.progress-bar-wrapper li.section.current:before {
     color: #fff;
     background:#ffc417;
}
.progress-bar-wrapper li.section:before {
    content: 'x';
    position: absolute;
    top: 2px;
    left: calc(50% - 15px);
    z-index: 1;
    width: 30px;
    height: 30px;
    color: white;
    border: 2px solid white;
    border-radius: 17px;
    line-height: 30px;
    background: gray;
}
.progress-bar-wrapper .status-bar {
    height: 2px;
    background: gray;
    position: relative;
    top: 20px;
    margin: 0 auto;
}
.progress-bar-wrapper .current-status {
    height: 2px;
    width: 0;
    border-radius: 1px;
    background: mediumseagreen;
}
 @keyframes changeBackground {
    from {background: gray}
    to {background: mediumseagreen}
}

.progress-bar-wrapper li.section.visited:before {
    content: '\2714';
    animation: changeBackground .5s linear;
    animation-fill-mode: forwards;
}

.progress-bar-wrapper li.section.visited.current:before {
    box-shadow: 0 0 0 2px mediumseagreen;
}

.green-800 {
    background-color: #2e7d32!important;
    color: #fff!important;
}

.rfx-detail  .status .tag-color{
	    background-color: #ede41c;
}
.rfx-detail .status .tag-color.NEW{
	    background-color: #ede41c;
}

.rfx-detail .status .tag-color.UNDER_REVIEW{
	    background-color: #ede41c;
}
.rfx-detail .status .tag-color.REVIEW_COMPLETE{
	    background-color: green;
}
.rfx-detail .status .tag-color.PUBLISHED{
	    background-color: #3cb371;
}
.rfx-detail .status .tag-color.CLOSED{
	    background-color: #7c7c75;
}
.rfx-detail .status .tag-color.COMPLETED{
	    background-color: #7c7c75;
}
.attachment-list .attachment {
    background-color: rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.16);
    padding-left: 16px;
    margin-top: 8px;
    border-radius: 2px;
}
.ssp-custom-search-header{
	border:1px solid rgba(176, 176, 176, 0.28);
	    padding: 10px;
    border-radius: 3px;
}
.ssp-custom-form.ssp-custom-search-header{
	
}
.md-button{
	padding-left: 10px;
	padding-right: 10px;
}
.md-button.md-green{
	    color: rgb(255,255,255);
    background-color: #39a76a;
}
.md-button.md-green.md-default-theme:not([disabled]):hover, 
.md-button.md-green.md-fuccused{
	    color: rgb(255,255,255);
    background-color: #2b8654;
}
.md-button.md-green  md-icon{
	  color: rgb(255,255,255);
}

.rfx-list .subject{
	font-size: 17px;
    font-weight: 500;
}
.rfx-list .title{
	/*  font-size: 15px;
    font-weight: 500;
    padding-bottom: 8px; */
 
}
.rfx-list .category{
	    font-size: 12px;
    font-weight: 400;
    padding-bottom: 8px;
 
}
.text-truncate{
	display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
 
}
.rfx-list .notes.desc{
    border-left: 4px solid #68dfa9;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 5px;

}
.overview-heading{
	    border-bottom: 1px solid #a3a3a340;
	        padding-bottom: 14px;
}

.rfx-row-desc
{
	max-height: 68px;
    overflow: hidden;
    padding-left: 10px;
    border: 1px solid #c6c3c35c;
    border-radius: 4px;
    background: #f8f8f8eb;
}

/* <input-star></input-star> directive */
.angular-input-stars {
	
	display: inline-block;
	padding: 0;
	padding-left: -5px;
	list-style: none;

}

.angular-input-stars > li {
		
	font-size: 17px;

	display: inline-block;
	padding-right: 5px;
	padding-left: 5px;
	
	cursor: pointer;	

}

.angular-input-stars > li .active {

		color: #FDE35E;
		text-shadow: black 0 0 1px, 0 0 1px ;	

}

.angular-input-stars > li .active.angular-input-stars-hover {
	text-shadow: black 0 0 3px;
}

md-card.md-default-theme.selected-bid
{
	    background: #64d152;
    color: white;
}

md-card.md-default-theme.pending-vendor-approval
{
	background: #d8fad2;
}

md-card.md-default-theme.vendor-rejected{
	background: #ffffff;
}
md-card.md-default-theme.declined-bid{
	background: #ffffff;
}
.detail-label.REVERSE_AUCTION_STARTED,
.detail-value.REVERSE_AUCTION_STARTED{
	color:green;
}
.detail-label.REVERSE_AUCTION_ENDED,
.detail-value.REVERSE_AUCTION_ENDED{
	color:red;
}

 

@supports (-ms-ime-align:auto) { 
	#poId{
    display: block;
}
}

.ms-navigation-button_cust{
/* display: -webkit-box; */
	display: block;
    display: -ms-flexbox;
   text-decoration:none;
    position: relative;
    width: 100%;
    height: 64px;
    /* line-height: 48px; */
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 16px;
    color: #2d323e !important;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
}
/* ---- Ie Css Start------------------ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
.ms-navigation-button_cust{
 
	display: block;
}

#vertical-navigation {
    width: 64px;
    min-width: 64px;
    max-width: 64px;
}

.layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
    max-width: 33.33%;
    max-height: 100%;
    box-sizing: border-box;
}
.layout-column > .flex {
    min-height: 60px;
}
#login #login-form-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 32px;
}

#login #login-form-wrapper #login-form {
    width: 384px;
    max-width: 384px;
    padding: 32px;
    background: #FFFFFF;
    text-align: center;
}
#login {
    height: 100%;
    background-size: cover;
}
#login #login-form-wrapper #login-form form .submit-button {
    width: 220px;
    margin: 16px auto;
    display: block;
}
#login #login-form-wrapper #login-form form .remember-forgot-password {
    font-size: 13px;
    margin-top: 8px;
}
#forgot-password #forgot-password-form-wrapper #forgot-password-form {
    width: 384px;
    max-width: 384px;
    padding: 32px;
    text-align: center;
    background: #FFFFFF;
}
#forgot-password {
    height: 100%;
    background-size: cover;
}

#forgot-password #forgot-password-form-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 32px;
}
 #forgot-password #forgot-password-form-wrapper #forgot-password-form .title {
    font-size: 17px;
    margin: 16px 0 32px 0;
}
#fHeight {
    min-height: 600px;
}

}
/* ------IE css End--------------------------- */

.category-seperator
{
	margin-left: 10px;
	margin-top:10px;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 5px;
    height: 34px;
    border-radius: 2px;
    display: inline-table;
}
.category-seperator.no-icon{
	padding: 8px 12px;
}
.category-seperator md-icon {
	 font-size: 15px;;
}
.category-seperator md-icon.white{
	color: rgb(255,255,255);
    fill: rgb(255,255,255);
}

.attachment-seperator
{
	margin-left: 10px;
	margin-top:10px;
    font-size: 12px;
    white-space: nowrap;
    padding: 2px 5px;
    height: 34px;
    border-radius: 2px;
    display: inline-table;
}
.attachment-seperator.no-icon{
	padding: 8px 12px;
}
.attachment-seperator md-icon {
	 /* font-size: 15px;; */
}
.attachment-seperator md-icon.white{
	color: rgb(255,255,255);
    fill: rgb(255,255,255);
}

/* .tt-dropdown-menu,
.gist {
  text-align: left;
}

.ng-invalid {
  border-color: red !important; just for visual
} */

/* site theme */
/* ---------- */

/* .typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
  -webkit-border-radius: 8px;
     -moz-border-radius: 8px;
          border-radius: 8px;
  outline: none;
}

.typeahead {
  background-color: #fff;
}

.typeahead:focus {
  border: 2px solid #0097cf;
}

.tt-query {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
  color: #999
}

.tt-menu {
  width: 422px;
  margin: 12px 0;
  padding: 8px 0;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
}

.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}

.tt-suggestion:hover {
  cursor: pointer;
  color: #fff;
  background-color: #0097cf;
}

.tt-suggestion.tt-cursor {
  color: #fff;
  background-color: #0097cf;

}

.tt-suggestion p {
  margin: 0;
} */

.po-headertop .icon-g120 {
	color: rgb(255, 255, 255) !important;
}
.po-headertop{
	height: 50px;
   /*  background: #d4d4d4; */
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.po-tems-table  {
	
}
.po-tems-table thead.r1542 {
	background: #52B6E9;
	color: #fff; 
}
.po-tems-table tbody > tr,
.po-tems-table thead > tr
{
	padding-left:10px;
}

.po-tems-table tbody tr:nth-child(even) {background-color: #f2f2f2;}
.po-tems-table thead > tr
{
	 
	height:35px; 
}
.po-tems-table td,
.po-tems-table th
{
	text-align: left;
}
.po-tems-table .ta-center{
	text-align: center;
}
.po-tems-table .ta-right{
	text-align: right;
}
.ta-left{
	text-align:left;
}
.po-tems-table thead  th{
	
}
  
.po-tems-table tbody {
	
} 
.kt-header.registrationpage-kt-header{
	background: none;    border-bottom: none;
}
.registration-page-title
{
	color: white;
    padding-left: 15px;
    padding-top: 20px;
}
.registration-page-loginButton{
	color:#ffffff; 
	cursor:pointer;
	width: 150px;
}
.btn-outline-info {
  color: #5578eb;
  border-color: #5578eb; }
  .btn-outline-info:hover {
    color: #fff;
    background-color: #5578eb;
    border-color: #5578eb; }
  .btn-outline-info:focus, .btn-outline-info.focus {
    -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 120, 235, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(85, 120, 235, 0.5); }
  .btn-outline-info.disabled, .btn-outline-info:disabled {
    color: #5578eb;
    background-color: transparent; }
  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
  .show > .btn-outline-info.dropdown-toggle {
    color: #fff;
    background-color: #5578eb;
    border-color: #5578eb; }
    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
    .show > .btn-outline-info.dropdown-toggle:focus {
      -webkit-box-shadow: 0 0 0 0.2rem rgba(85, 120, 235, 0.5);
      box-shadow: 0 0 0 0.2rem rgba(85, 120, 235, 0.5); }
.PXGuec{
	-webkit-align-items: center;
    align-items: center;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    color: inherit;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    width: 100%;
}
.PXGuec-in{
	    padding-left: 24px;
    padding-right: 24px;
     -webkit-border-radius: 5px;
    border-radius: 5px;
}
.PXGuec-in:hover{
	background: #d3d5d4;
}
.AXLSFe {
	display: -webkit-box;
    /* -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column; */
}     
.LKOlif {
	color: rgba(0,0,0,0.87);
    font-weight: 700;
    max-width: 130px;
    padding-top: 20px;
    text-align: center;
}     
 .RwTPtf{
    color: #616161;
    font-size: 12px;
    margin-top: 4px;
    /* max-width: 130px; */
    min-height: 42px;
    text-align: center;
}
   .custom-hwidgard {
    background: #fefefe;
   	border-radius: 5px; 
   	cursor: pointer;
   } 
  .custom-hwidgard.active{
 	 background-color: #f4f6f9;
 	 display: flex;
   	 flex-direction: column;
    	color: #646c9a;
  } 
  .colloboratedByYou{
  color: #3595e2;
  }
  
  .no-box-shado.ms-widget-front{
  box-shadow:none;
  }
   .no-box-shado.ms-widget-front:hover{
   		cursor:pointer;
 		background-color: rgb(245,245,245);
 		border-radius: 5px;
  }
  
  .custominputsearch{
  
  }
  .custominputsearch .cont{
      padding: 5px 10px 5px 12px;
      border-radius: 20px;
    border: 1px solid rgb(93, 120, 255);
    font-size: 14px;
  }
  .custominputsearch .cont:hover{
  	background: rgb(93, 120, 255);
  	color:#fff;
  }
 
.highlighted {
 background-color: yellow; 
}
.tdPadding-left{
	    padding-left: 0px !important;
}

md-date-range .md-select-value{
	border-bottom: 0px ;
}

/* .right-side-toolbar
{
	position: sticky;
    right: 0;
    height: 243px;
    width: 100px;
    vertical-align: middle;
}

.right-side-toolbar button{
	    margin: 0px !important;
    padding: 0px !important;
} */

.right-side-toolbar {width: 100px;}
.sticky-activity-buttons {position: fixed; position: sticky; top: 55px; width: 100px;}

.text_Area{
     max-height: 135px !important;
     min-height: 135px !important;
     height: 135px !important;
     overflow: auto; 
     -ms-overflow-style: scrollbar;
    }
    
    .template_Body_Area{
     max-height: 450px !important;
     min-height: 450px !important;
     height: 450px !important;
     overflow: auto; 
     -ms-overflow-style: scrollbar;
    }
    
    .ActIvity_text_Area{
     max-height: 200px !important;
     min-height: 200px !important;
     height: 200px !important;
     overflow: auto; 
     -ms-overflow-style: scrollbar;
    }
    
    .md-select-value{padding-top: 0px;}

aside {
	background-color: white;
	bottom: calc(20px + 75px) !important;
	height: calc(100% - 20px - 75px - 20px) !important;
	position: fixed;
	left: 20px;
    right: 20px;
	/* right: 20px !important;
	width: 370px !important;
	min-height: 250px !important; */
	max-height: 590px !important;
	box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	opacity: 1 !important;
	/* font-family: 'Open Sans', sans-serif; */
}

    .desktop_DIV {
  display: none;
}

@media screen and (min-width: 701px) {
  .mobile_DIV {
    display: none;
  }
  .desktop_DIV {
    display: flex;
  }
  
  aside {
	background-color: white;
	bottom: calc(20px + 75px) !important;
	height: calc(100% - 20px - 75px - 20px) !important;
	position: fixed;
	left: calc(100% - 390px);
	right: 20px !important;
	width: 370px !important;
	min-height: 250px !important;
	max-height: 590px !important;
	box-shadow: 0 5px 40px rgba(0, 0, 0, .16) !important;
	border-radius: 8px !important;
	overflow: hidden !important;
	opacity: 1 !important;
	/* font-family: 'Open Sans', sans-serif; */
}
}
.countdown{
  max-width: 250px;
  margin: 0 auto;
  padding: 1rem;
  position: relative;
  color:white;
  
   box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
/*   border-radius: 0 0 300px 300px;
 
  content: '';
  display: block;
  height: 350px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -1; */
}

.countdown .child {
  	width: 258px;  
  
    position: relative;
    /* left: calc(-50% + 44%); */
    height: 64px;
   /* */
}
.countdown .child  .bg-clr {
	 background-color: #113C5B; 
	 text-align: center;
}
.countdown .child  .title-timer {
	 color: #355645; 
	 text-align: center;
	  width: 40px;
	height: 20px;
}
.countdown .child  .title-timer span {
	
}

.countdown .child  h3 {
  
	width: 40px;
	height: 20px;
	margin-top: 10px;
    margin-bottom: 10px;
}
.countdown .child .tick-ttick{
	width: 14px;
    height: 48px;
    text-align: center;
}
.countdown .child .tick-ttick span{
	font-size: 28px;
    color: #123123;
}
.branding-col1{
	background-color: #113C5B !important; 
}
.branding-col-light{
	background-color: #1E797E !important; 
}


.ssp-custom-modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.ssp-custom-modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

.stl-Collaborate, .stl-CollaborateBack, .stl-Resubmit, .stl-ConfirmDuplicate, .stl-DisplayDuplicate, .stl-1019, .stl-CollaborateERP {
	background: #E5F8FF;
	border-radius: 5px;
	color: #007099;
	text-transform: capitalize;
	font-size: 12px;
	min-width: auto;
    min-height: 30px;
}

.stl-Collaborate:hover, .stl-CollaborateBack:hover, .stl-Resubmit:hover, .stl-ConfirmDuplicate:hover, .stl-DisplayDuplicate:hover, .stl-1019:hover {
	background: #007099 !important;
	color: #fff;
}

.stl-Collaborate span.iconify, .stl-CollaborateBack span.iconify, .stl-Resubmit span.iconify, .stl-ConfirmDuplicate span.iconify, .stl-DisplayDuplicate span.iconify, .stl-1019 span.iconify {
	color: #007099;
}

.stl-Collaborate:hover span.iconify, .stl-CollaborateBack:hover span.iconify, .stl-Resubmit:hover span.iconify, .stl-ConfirmDuplicate:hover span.iconify, .stl-DisplayDuplicate:hover span.iconify, .stl-1019:hover span.iconify {
	color: #fff;
}

.stl-ReEvulateRule, .stl-CheckRule, .stl-ClearException, .stl-HardCopy,.stl-ChangeDocType {
	background: #FBF3E2;
	border-radius: 5px;
	color: #5A400C;
	text-transform: capitalize;
	font-size: 12px;
	min-width: auto;
    min-height: 30px;
}

.stl-ReEvulateRule:hover, .stl-CheckRule:hover, .stl-ClearException:hover, .stl-HardCopy:hover {
	background: #5A400C !important;
	color: #fff;
}

.stl-ReEvulateRule span.iconify, .stl-CheckRule span.iconify, .stl-ClearException span.iconify, .stl-HardCopy span.iconify {
	color: #5A400C;
}

.stl-ReEvulateRule:hover span.iconify, .stl-CheckRule:hover span.iconify, .stl-ClearException:hover span.iconify, .stl-HardCopy:hover span.iconify {
	color: #fff;
}

.stl-WEB_URL, .stl-RFC, .stl-PostInvoice, .stl-ParkInvoice, .stl-Approve, .stl-Confirm {
	background: #E5FFF2;
	border-radius: 5px;
	color: #00994D;
	text-transform: capitalize;
	font-size: 12px;
	min-width: auto;
    min-height: 30px;
}

.stl-WEB_URL:hover, .stl-RFC:hover, .stl-PostInvoice:hover, .stl-ParkInvoice:hover, .stl-Approve:hover, .stl-Confirm:hover {
	background: #00994D !important;
	color: #fff;
}

.stl-WEB_URL span.iconify, .stl-RFC span.iconify, .stl-PostInvoice span.iconify, .stl-ParkInvoice span.iconify, .stl-Approve span.iconify, .stl-Confirm span.iconify {
	color: #00994D;
}

.stl-WEB_URL:hover span.iconify, .stl-RFC:hover span.iconify, .stl-PostInvoice:hover span.iconify, .stl-ParkInvoice:hover span.iconify, .stl-Approve:hover span.iconify, .stl-Confirm:hover span.iconify {
	color: #fff;
}

.stl-Reject, .stl-Cancel, .stl-ReturnToInitiator {
	background: #FFE5F2;
	border-radius: 5px;
	color: #98014C;
	text-transform: capitalize;
	font-size: 12px;
	min-width: auto;
    min-height: 30px;
}

.stl-Reject:hover, .stl-Cancel:hover, .stl-ReturnToInitiator:hover {
	background: #98014C !important;
	color: #fff;
}

.stl-Reject span.iconify, .stl-Cancel span.iconify, .stl-ReturnToInitiator span.iconify {
	color: #98014C;
}

.stl-Reject:hover span.iconify, .stl-Cancel:hover span.iconify, .stl-ReturnToInitiator:hover span.iconify {
	color: #fff;
}
.act-Signature{
	content:url("/assets/icons/stlicons/signature.svg");
	}
	
.act-Approve{
	content:url("/assets/icons/stlicons/approve.svg");
	}
.act-Reject{
	content:url("/assets/icons/stlicons/Reject.svg");
	}
 .act-Collaborate{
	content:url("/assets/icons/stlicons/Collaborate.svg");
	}
.act-Cancel{
	content:url("/assets/icons/stlicons/cancel.svg");
	}

.act-Confirm{
	content:url("/assets/icons/stlicons/confirm.svg");
	}	
.act-Confirm-disabled{
	content:url("/assets/icons/stlicons/confirm.svg");
	}	
.act-ReturnToInitiator{ 
	content:url("/assets/icons/stlicons/ReturnToInitiator.svg");
	}

.act-Resubmit{
	content:url("/assets/icons/stlicons/reSubmit.svg"); 
	}  

.act-CollaborateBack{
	content:url("/assets/icons/stlicons/collaborate-back.svg");
	}
.act-ReturnToAP{ 
	content:url("/assets/icons/stlicons/ReturnToAP.svg");
	}
.act-ReEvulateRule{
	content:url("/assets/icons/ReEvulateRule.svg");    /* Image not find */
	}   

.act-CheckRule{
	content:url("/assets/icons/check.svg");
	}           

.act-ClearException{
	content:url("/assets/icons/cleared-exception.svg");
	}
	
.act-ConfirmDuplicate{
	content:url("/assets/icons/collaborate-back-fab.svg");
	}

.act-DisplayDuplicate{
	content:url("/assets/icons/collaborate-back-fab.svg");
	}

.act-UnblockVendor{
	content:url("/assets/icons/UnblockVendor.svg");   /* Image not find */
	} 

.act-ParkInvoice{
	content:url("/assets/icons/collaborate-back-fab.svg");
	}

.act-PostInvoice{
	content:url("/assets/icons/collaborate-back-fab.svg");
	}

.act-ResubmitForApproval{
	content:url("/assets/icons/ResubmitForApproval.svg"); /* Image not find  */
	}

.act-General{
	content:url("/assets/icons/stlicons/general.svg");
	}
	
.act-Forward{
	content:url("/assets/icons/stlicons/Forward.svg");
	}

.fs12 {font-size: 12px;}
.fs14 {font-size: 14px;}
.fs16 {font-size: 16px;}	
.fs18 {font-size: 18px;}
.fs20 {font-size: 20px;}
.fs22 {font-size: 22px;}
.fs36 {font-size: 36px;}
.agreed {background: #E5F8FF; border-radius: 8px; padding: 5px 8px; color: #007099; letter-spacing: 0.25px; font-weight: 600; font-size: 13px; line-height: 22px;}
.prvAcc {background: #FBF3E2; border-radius: 8px; padding: 5px 8px; color: #5A400C; letter-spacing: 0.25px; font-weight: 600; font-size: 13px; line-height: 22px;}
.pending {background: #FFE5F2; border-radius: 8px; padding: 5px 8px; color: #98014C; letter-spacing: 0.25px; font-weight: 600; font-size: 13px; line-height: 22px;}
.mr-18 {margin-right: 18px;}

/* for scroll Width Increase */
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
    width: 10px !important;
}
/* for Menu Image Change start */
@media (min-width: 960px){
	#horizontal-navigation .ms-navigation-horizontal .horizontal > li > .ms-navigation-horizontal-item > .ms-navigation-horizontal-button {
    display: flex;
    float: left;
    padding: 8px;
}
}
.in-process {
    color: #b54708;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    background: #fffaeb;
    border-radius: 16px;
    padding: 4px 8px;
}
.approved {
    color: #027a48 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    line-height: 18px;
    background: #ecfdf3;
    border-radius: 16px;
    padding: 4px 8px;
}
.rejected {
    color: #b42318 !important;
    font-weight: 600 !important;
    font-size: 12px;
    line-height: 18px !important;
    background: #fef3f2;
    border-radius: 16px;
    padding: 4px 8px;
}
.new {
    color: #b42318;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    background: #fef3f2;
    border-radius: 16px;
    padding: 4px 8px;
}
.collaborated {
    color: #026aa2;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    background: #f0f9ff;
    border-radius: 16px;
    padding: 4px 8px;
}

ul.filtertabs {
    list-style: none;
    padding-left: 0;
    display: inline-flex;
    margin-bottom: 0;
}
ul.filtertabs li {
	color: #667085;
    margin-right: 20px;
    padding: 0 5px 5px 5px;
}
ul.filtertabs li.active {
    color: #026AA2 !important;
    border-bottom: 2px solid #026AA2;
}

md-menu-item:last-child > .md-button {
    border-bottom: none;
}
md-menu-item .md-button.md-default-theme:not([disabled]):hover, .md-button:not([disabled]):hover {
    background-color: transparent;
}
/* for Menu Image Change End */
/* .materialDesc{
	overflow: hidden;
	width:100px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.prodcutDesc{
	overflow: hidden;
	width:100px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
} */