:root {
	--black: #031016;
	--white: white;
	--white-2: #FAFAFA;
	
	--primary-1: #dbc078;
	--primary-1-bright: #e6d3a0;
	--primary-1-dark: #c88233;
		
	--primary-2: #0a3042;	
	--primary-2-soft: #11506e;
	--primary-2-light: #779AC4;
	--primary-2-bright: blue;
	
	--green: #008000;
	--green-bright: #4ead32;
	--green-soft: #91C89C;
	
	--red: #D94E4C;
	--pink-cool: #FF97A6;
	--pink-soft: #FFC2CE;
	--pink-light: #FFF0F3;
	--red-soft: #e04f4f;
	
	--gray: gray;
	--gray-mild: #AAA;
	--gray-light: #EAE9E8;
	--gray-cold: #ddd;
	--gray-soft: #ccc;
	--gray-dark: #555;
	--gray-dark-2: #333;
	
	--blue-light: #f1f5fa;  
	
	--yellow: #F0E05C;
	--yellow-cool: #F0EA7B;
	--yellow-soft: #F6F2AA;
	--yellow-light: #FCFBE2
}

html,body {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: var(--black);
	padding: 0px;
	min-height: 100%;
	margin: 0px;
	background-color: var(--white-2);
}

 textarea:focus { 
        outline: none !important;
        border-color: var(--purple-bright) !important;
        box-shadow: 0 0 2px var(--purple-bright);
    }

.rules {
    border: 1px solid #c0c0c0 !important;
    color: var(--primary-1-bright) !important;
}

.content-cell .contractTitle{
	background-color: var(--white-2) !important;
}
.block_body{
	background-color: var(--white) !important;
	border-left: 1px solid var(--gray-cold);
    border-right: 1px solid var(--gray-cold);
    border-bottom: 1px solid var(--gray-cold);
}

#contactInfo {
	background-color: var(--white) !important;
	border: 1px solid var(--gray-light)!important;
}

.message-detail-col>.news-table {
	background-color: var(--white) !important;
    border: 1px solid var(--gray-light) !important;
}

/* MAINCOMMON.css*/
.row-container .gap{
 	background-color: var(--white-2); 
 }
 
#itemReplForm .flat-list>tbody{
	background-color: var(--white);
}

.flat-list .ordering-item-row{
	background-color: var(--white);
}

.i-nice-hovered:hover {
	border: 1px solid var(--primary-2-soft) !important;
    color: var(--primary-1) !important;
}

/* dialog.css */

news-table>tbody>tr>td {
	border-top: 1px solid var(--gray-cold) !important;
}

.news-row > td:FIRST-CHILD {
	border-left: none !important;	
}

.message-field-type-group {
    background-color: var(--white) !important;
}

.tile .tile-content {
	background-color: var(--white) !important;
	border: 1px solid var(--gray-cold) !important;
	border-top: none;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.tile .tile-head .text {
	padding: 8px 0 8px 10px !important;
}

.tiles-col .tile{
	width: auto;
}

.news-table > tbody > tr:FIRST-CHILD > td{
	border-top-color: transparent !important;
}

.news-table > tbody > tr > td{
	border-top: 1px solid var(--gray-light) !important;
}

.news-table > tbody > tr.message-add-new-comment-row > td, .news-table > tbody > tr.message-detail-ctrl-row > td{
	border: 0 !important;
}

.news-table > tbody > tr > td > .news-category-color-general{
	background-color: var(--primary-2-soft) !important;
}

.news-table>tbody>tr>td>.news-category-color-supplier, .news-category-color-contract {
    color: var(--white);
    background-color: var(--green-soft) !important;
    border: none
}

.news-table>tbody>tr>td>.news-category-color-profile {
    background-color: var(--primary-1) !important;
}

.news-row > td.last {
    border-right: 1px solid var(--gray-cold) !important;
}

.news-table .news-row .comment-avatar{
	border-left: 1px solid var(--gray-cold) !important;
}

.message-detail-col-table > tbody > tr:FIRST-CHILD > td{
	border-top: 1px solid var(--gray-light) !important;
}

/* FILTER.CSS */

.fltBlock {
    background-color: var(--white-2) !important;;
}

/* buy.css*/

.buy-header-container{
	justify-content: space-between;
}

.buy-item-header{
	padding-right: 2px;
}

.buy-group-message-place {
	background: var(--white-2);
	margin: 0 0px 10px -1px;
}

.buy-group-message-place .xblock-info{
	margin: 10px 0;
}

.buy-group-message-place .xblock.xblock-warn-icon{
	max-height: none;
}

.buy-item-header .xblock-header{
	width: 100%;
	margin: 0; 
}

/* TuiGroup.css */

.buy-header-container .tui-group > thead > tr > th{
	padding: 5px 5px 5px 10px;
}

.buy-header-container table.tui-group{
	display: flex;
    flex-direction: column;
    padding: 0 0 12px;
}

.buy-header-container table.tui-group table.flat-list
{
	display:flex;
}

.tui-group > thead > tr > th{
    color: var(--white--2) !important;
}

/* customerStartLink.css */
.fp-links {
	background: var(--white) !important;
	color: var(--primary-2) !important;
	border: 1px solid var(--gray-cold) !important;
}
.fp-links-edit-btn, .fp-links-spinner {
	background-color: var(--white) !important;
}

/* xlinePanel.css */
.xline-panel-container {
	background-color: var(--white) !important;
	border: 1px solid var(--gray-light) !important;
}

.xline-panel-scrolled .subPageHeader{
	min-width: 100%;
	background-color: var(--white-2) !important;
	padding-right: 0px !important;
	border:none !important;
}

/* roundedBtn.css */
.roundedBtn:hover{
	background-color: var(--primary-1-bright) !important;
}


/* verticalTabs.css */
.tabbedListContainer{
	border: none !important;
}

/* popup.css */
.popup-container.popup-color3 .ui-dialog-titlebar{
	background-color: var(--primary-2) !important;
    color: var(--white-2) !important;
}

/* xbulb.css */

.obs-medium {
    color: var(--yellow) !important;
}

/* configuratorColors2.css */

.cfgArea .view .caption, .cfgArea .selected .caption,
.card.groupCard2 .cardHeaderText, .card.groupCard2 .cardHeaderBtns{
	background-color: var(--primary-2-soft) !important;
	border-color: var(--gray-cold) !important;
	color: var(--white);
}

/* ContractViewTemplate.css */
.view-cell-template {
	   background: var(--white) !important;;
	}

div[data-view-area="BASIC"], .view-subareaelement-table tr th, .view-subareaelement-table .view-subareaelement-tableth {
	background-color: var(--primary-2-soft) !important;
	color: var(--white) !important;	
}


/* END */

/* flatList.css*/
table.flat-list {
    background-color: var(--white);
    
}

table.flat-list thead{
	background: var(--primary-2-soft);
	
}

table .flat-list>thead>tr.header-row>th, .ordering-list>thead>tr>th{
	padding: 10px 5px;
}

table.table-compact .row-container .row:hover{
	background: var(--blue-light);	
}

table .table-compact>thead>tr>th{
	font-size: 10pt;
	 padding: 10px 6px !important;
}

table .table-compact > thead > tr > th:last-child {
    padding-right: 12px !important;
}

table .table-compact>tbody>tr>th, .table-compact>tbody>tr>td {
    padding: 10px 6px !important;
}

table.flat-list thead, table.flat-list thead a{
	color: var(--white-2);
}

.list-footer-container
{	
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.list-footer-container .footer-row-view-more-link
{
	font-family: "Open Sans", sans-serif;
    vertical-align: top;
    font-size: 10pt;
    text-align: center;
    padding: 6px 0px;
    width: 130px;
}

.list-empty-column {
    width: 5px;
    padding: 0 !important;
    border-right: none;
    background-color: transparent;
}

table.flat-list .lineBreak, .ordering-list .gap.row{
	background-color: var(--white-2) !important;
}

.flat-list-bordered>tbody>tr.gap>td:last-child, .flat-list-body-bordered>tbody>tr.gap>td:last-child {
	border-right: 1px solid var(--white-2) !important;	
}

.flat-list-bordered>tbody>tr.gap>td:first-child, .flat-list-body-bordered>tbody>tr.gap>td:first-child {
    border-left: 1px solid var(--white-2) !important;
}

/* END */

/* resultList.css*/
table.resultList tr th, tr.block-header td, td.block-header {
	background-color: var(--primary-2-soft) !important;
	color: var(--white-2) !important;
}
table.resultList tr th{
	border: 1px solid var(--gray) !important;
}

table.resultList tr td{
	border: 1px solid var(--gray-cold) !important;
}

/* END */

/* searchBar.css */
.search .search-button-cell, .search .search-mode-cell {
	background-color: var(--primary-2-soft) !important;	
}
/* END searchBar.css */

div.imgView div{
	background-color: var(--white) !important;
}

.contract-common-top-panel .subPageHeader{
	background-color: var(--white-2) !important;
	border: none!important;
	max-width: 100%;
	border-radius: 0px;
}

table.resultList tr th a {
    color: var(--white) !important;
}

/* menu.css*/
 
 .menu-head {
    background-color: var(--white) !important;
    border-top: 1px solid var(--gray-cold);
}
/*END menu.css*/

/* messages.css */
.xblock-warn, .xblock-info {
    background-color: var(--white) !important;
}
/* END messages.css */

/* subOrder.css*/
.orderAttentionContainer {
	background: var(--white);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	}
/* END subOrder.css*/

/* articleView.css*/
	.article-panel-container {
    background-color: var(--white) !important;
    border-right: none !important;
    padding: 0px !important;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.articleListBlock::-webkit-scrollbar {
	width: 5px;
}

.articleListBlock::-webkit-scrollbar-track {
	background-color: var(--white);
}

.articleListBlock::-webkit-scrollbar-thumb {
	background-color: transparent;
}

.articleListBlock:hover::-webkit-scrollbar-thumb {
	background-color: var(--gray-soft);
}

@-moz-document url-prefix() {
	.articleListBlock {
		scrollbar-width: thin;
		scrollbar-color: transparent var(--white);
	}
	
	.articleListBlock:hover {
		scrollbar-color: var(--gray-soft) var(--white);
	}
}
.article-body-container{
	padding-left: 20px !important
}
/* END articleView.css*/

tr.e.white-bg, .interest-profile-head{
	background-color: var(--white) !important;
}

.interest-profile-head{
	color: var(--black);
}

.bg-2, table.start-table, .buy-group-footer-row, .buy-group-container .gap.row,
 .controlBlocks.tabbed, table.contract-edit-common, .footer-row-view-more{
	background-color: var(--white-2) !important;
}

.controlBlocks.tabbed {
    border: none;
}
.buy-group-footer-row, .buy-group-container .gap.row, .row-container .gap.row{
	border-left: 1px solid var(--white-2);
}

.shadow, .flat-list-joined, .buy-header-container table.tui-group, .ordering-item-row, .table-compact{
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

table.hpgt-group-tbl > thead > tr > th{
	 color: var(--white);
}

.footer-row-view-more{
	background: var(--white-2);
    border-left: 1px solid var(--white-2);
}

.buy-item-header {
   flex: 1 1 auto;
   max-width: 615px;
   margin-bottom: 10px;
}
.hpgt-group-tbl > thead > tr > th{
	vertical-align: middle !important
}

thead .hpgt-bulk-copy-arrow{
	color: var(--white-2)
}


/* dataTableNavigation.css*/
.light .navigation.topNav{
	background-color: var(--white-2) !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.light .navigation.bottomNav {
    background-color: var(--white-2) !important;
    border-top: 1px solid var(--gray-light) !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}