
/*общи функции и параметри*/
$blue: #048;
$dark-blue: #036;
$red: #c00;
$quiet-gray: #888;
$open-thread: #e0ffe0;
$gray1: #eee; /*светло-сиво за фон*/
$gray2: #e0e0e0; /*като фона на th на таблиците*/
$gray3: #ddd; /*като mainmenu и бутони*/
$gray4: #bbb; /*като фона на известията в мобилен и стандартен бордър*/
$violet: #9999ff; /*лилаво от формите*/
$beige: #ffffcc; /*бледо жълто от формите*/
$orange: #f90; /*оранжево като при ховър на менюто*/

@mixin border-radius($radius) {
    -moz-border-radius: $radius;
    -webkit-border-radius: $radius;
  	-ms-border-radius: $radius;
    border-radius: $radius;
}

@mixin border-radius4($tl,  $tr, $br,  $bl) {
    -moz-border-radius: $tl $tr  $br $bl;
    -webkit-border-radius: $tl  $tr  $br $bl;
    border-radius: $tl $tr  $br $bl;
}

@mixin rounded($vert, $horz, $rad) {
   border-#{$vert}-#{$horz}-radius: $rad;
   -moz-border-radius-#{$vert}#{$horz}: $rad;
   -webkit-border-#{$vert}-#{$horz}: $rad;
}

@mixin btn-style() {
	padding-left: 22px;  
	background-repeat: no-repeat !important;
	background-position: 3px center;
}

@mixin shadow($sh-top, $sh-left, $sh-dist, $sh-col) {
	-moz-box-shadow: $sh-top $sh-left $sh-dist $sh-col;
	-webkit-box-shadow: $sh-top $sh-left $sh-dist $sh-col;
	box-shadow: $sh-top $sh-left $sh-dist $sh-col;
}

@mixin shadow4($sh-top, $sh-left, $sh-dist, $sh-blur, $sh-col) {
	-moz-box-shadow: $sh-top $sh-left $sh-dist $sh-blur $sh-col;
	-webkit-box-shadow: $sh-top $sh-left $sh-dist $sh-blur $sh-col;
	box-shadow: $sh-top $sh-left $sh-dist $sh-blur $sh-col;
}

@mixin no-shadow() {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
    box-shadow: none;
}


 /*common elements*/
 dl {
	margin: 0;
	min-width: 300px;
	dt {
		display: block;
		float: left;
		width: 25%;
		text-align: right;
		color: $quiet-gray;
		margin-left: 0;
		line-height: 1.5em;
		white-space: nowrap;
	}
	dd {
		float: left;
		width: 73%;
		margin-left: 2%;
		line-height: 1.5em;
	}
}

.narrow dl {
	dt {
		width: 35%;
	}
	dd {
		width: 63%;
	}
}

.groupList table {
	td{
		vertical-align: top;
		line-height: 1.5em;
		&:first-child {
			white-space:nowrap;
		}
	}
	.dt {
	  	width: 21.5%;
	    text-align: right;
		color: $quiet-gray;
		white-space: nowrap;
		padding-right: 10px;
	}
}
.narrow .folder-cover .groupList table .dt {
	white-space: normal;
}
tr.noHover td:hover { 
	color: #999; 
	background: white;
}
/*край на common elements*/


/*менюта и подменюта*/
#framecontentTop, #framecontentBottom, #framecontentTop.a, #framecontentBottom.a {
	display: block;
	overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
	background-color: $gray3;
	color: $blue;
}

#framecontentTop {
	width: 100%;
	padding: 0;
}

#framecontentBottom {
	border-top: solid 2px $blue;
	padding-left: 0.2em;
	padding-top: 0.2em;
    small {
        color:#999;
        vertical-align:middle;
        font-size:10px;
    }
}

.bugReport{
	border: none; 
	background-color:transparent; 
	vertical-align: top;
}

.narrow .bugReport {
	position: relative;
	padding: 0;
}

.narrow #framecontentBottom {
	padding: 2px 5px 0 5px;
}

#subMenu {
	padding: 5px;
	background-color: $gray1;
}

.wide #subMenu {
	padding-top: 1px;
	line-height: normal;
}

.narrow #submenu {
	padding-top: 5px;
}

.narrow .mainMenu {
	display: block;
    padding: 3px; 
    margin-top: 2px;
    margin-bottom: 5px;
    background-color: #ddd;
}

.narrow a.subMenu, .narrow span.subMenu {
    font-size: 0.9em; 
    margin: 1px 2px 4px 8px;
    display: inline-block; 
}

#mainMenu {
	background-color: $gray3;
	padding: 5px;
	display:block;
	border-bottom: solid 2px $blue;
	line-height: normal;
}

.wide #mainMenu {
	min-height: 70px;
	min-width: 700px;
}

.selectLang img {
	padding: 0;
	margin: 0;
	vertical-align: middle;
}

#maincontent {
	background-color: $gray1;
}

.wide #maincontent {
	position: relative;
	padding: 7px;
	min-height: 400px;
}

.narrow #maincontent {
	padding: 5px;
}

#navBar {
	position: relative;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #033;
	display: block;
}

.menuRow {
	color: #997;
	text-decoration: none;
	font-weight: bold;
}

#framecontentTop .menuRow{
	padding: 1px;
}

#mainMenu a { /*nav при wide*/
	padding:1px; 
	text-decoration: none; 
	font-weight: bold;
	border: solid 1px transparent;
}

.menuPage a { /*nav при narrow*/
	margin: 2px;
	display: block;
 	border: solid 1px transparent;
}

.menuRow a:link, .menuRow a:visited {
	color: $blue;
	text-decoration: none;
}

.narrow .menuRow a:link, .narrow .menuRow a:visited {
	border: solid 1px transparent;
}

.menuRow a:hover, .menuRow a:focus {
	color: white;
	background-color: $orange;
}

.wide #subMenu a {
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
	font-family: arial; 
	border: solid 2px transparent;
}

.narrow #subMenu .menuItem {
	padding: 0 1px;
	display:inline-block;
	margin-bottom:2px;
}

#subMenu a.selected:hover { 
    color: $orange;
} 

a.menuItem:hover, a.menuItem:active, a.menuItem:focus {
	color: white;
	background-color: $orange;
}

#mainMenu a.selected, .wide #mainMenu a.selected:visited, .wide #mainMenu a.selected:link { 
	color: white; 
	background-color: $blue;
}

.wide #mainMenu a.selected:hover {
	color: $orange;
}

.menuRow a:hover, .menuRow a:focus { 
	color: white;
	background-color: $orange;
}

.wide #subMenu a.selected, .wide #subMenu a.selected:visited, .wide #subMenu a.selected:link { 
	padding-left: 5px;
	padding-right: 5px;
	border: solid 2px $blue;
	background-color: $gray3;
	border-top: 2px solid transparent;
	font-weight: bold;
	@include border-radius4(2px, 2px, 5px, 5px);
}

.narrow a.selected { 
	color: white !important; 
	background-color: $blue;
	@include border-radius(2px);
}

.narrow .favicon {
	display: inline-block;
	position: relative;
	top: 1px;
	margin-right: 3px;
	max-width: 20px;
}
/*край на менюта и подменюта*/

/*стилове за корици*/
div.folder-cover {
	background-image: url('../img/cover-bg.png');
	display: inline-block;
	max-width: 1000px;
	min-width: 540px;
	margin-top: 10px;
	line-height: 1.2em;
	position: relative;
	border: 1px solid #ccc;
	padding: 20px;
	@include border-radius4(0, 25px, 0, 0);
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
	&.state-opened {
		background: #CEF1D7 url('../img/cover-bg-green.png');
	}
	&.state-active {
		background: #FFFDEA url('../img/cover-bg-yellow.png');
	}
	&.ownCompany .block_title {
		background: #a0f1b3;
	}
	.detail-info {
		background: none;
        &.portal {
            background: none !important;
            box-shadow: none;
        }
	}
	.groupTitle {
		white-space: nowrap;
		color: #333;
		font-weight: bold;
	}

	.groupList {
		font-size: 0.95em;
		max-width: 980px;
		.toolbar-btn {
			margin-top: 0 !important;
			margin-bottom: 0 !important;
			position: relative;
			top: -2px;
		}
		.listTopContainer {
		    min-width: 300px;
		}
		div.rowtools {
		  display: inline-block;
		  width: auto;
		  top: 1px;
		  position: relative;
		}

	}
	&.large-cover {
		max-width: 1000px !important;
		.groupList {
			max-width: 975px;
		}
	}
	.label {
		color: #777777;
		font-size: 13px;
		width: 70px;
		float: left;
	}
	a.sky:link, a.sky:visited, a.sky:visited {
		font-size: 13px;
		color: #4a66b0;
		text-decoration: none;
	}
	a.sky:hover {
		font-size: 13px;
		color: #4a66b0;
		text-decoration: underline;
	}
	.fancybox img {
		background: $gray1;
		border: solid 1px $gray3;
		padding: 3px;
		padding: 10px;
	}
	.block_title {
		border-bottom: solid 1px $gray3;
		padding: 7px;
		@include border-radius4(0,15px,0,0);
		font-size: 1.35em;
		color: #433;
		margin-bottom: 10px;
		text-shadow: 1px 1px 1px $gray3;
		img {
			vertical-align: bottom;
		}
	}
	.block_left {
		clear: left;
		font-size: 12px;
		padding: 0 10px 10px 0;
		min-width: 250px;
		float: left;
		margin-right: 20px;
		position: relative;
		.address {
			max-width: 240px;
			margin-bottom: 15px;
		}
	}
	.block_right {
		min-width: 100px;
		font-size: 12px;
		padding: 0 0 10px 10px;
		float: left;
	}
	h2 {
		margin: 0 0 20px 0;
	}
	.alphabet {
		line-height: 0.9em;
		padding-bottom: 0;
	}
	.tab {
		font-size: 0.7em;
	}
	.tab-page .detail-info {
		margin-bottom: 0 !important;
		margin-top: 0;
	}
	.docStatistic {
	    margin-top: 20px;
	}
	.top-tab-content {
	   padding: 5px 10px 10px 10px;
	}
	.tab-control .detail-info {
		font-size: 0.9em;
	}
	.portal table.listTable .innerTable {
		margin-left: 20px;
		td {
			border: none !important;
		}
	}

}

.costObjectCoverTotalRow th {
	padding:5px 3px;
}

.document .detail-info .store_Products  .listTable {
	max-width: 100% !important;
	width: 100%;
}
.dangerTitle {
	color: #C00;
	font-weight: bold;
	font-size: 1.1em;
}

.noheader .listTable {
    width: 100%;
    border-top: none;
    th {
        display: none;
    }
    tbody tr:first-child td {
        border-top: none;
    }
    tr:nth-child(odd) {
        background: transparent;
    }
    tr:nth-child(even) {
        background: rgba(238, 238, 238, 0.5);
    }
}

.narrow .folder-cover {
	line-height: 1.3em;
	margin-left: 0;
	margin-top: 8px;
	max-width: 720px;
	min-width: 280px;
	font-size: 0.9em;
	display: block;
	padding: 10px !important;
	.block_title img {
		vertical-align: baseline;
	}
	.detail-info {
		padding: 3px 7px 7px 7px;
	}
	.tab-page {
		padding: 0 !important;
	}
	.tab-page .portal.detail-info {
		margin-left: 2px;
	}
}
.leftAlign {
	text-align: left !important;
}
.nameCell {
	text-align: left !important;
	min-width: 300px;
	max-width: 460px !important;
}

.doc_Containers table.listTable .totalRow td, .folder-cover  .portal table.listTable  .totalRow td{
	vertical-align: baseline !important;
	padding: 2px 3px 5px !important;
	&.horizonCol {
		top: 0 !important;
	}
}

.public.folder-cover {
	margin: 0;
}

.folder-cover .store_Products .listRowsDetail {
	overflow: auto;
}

.special-title {
	padding: 10px !important;
	font-size: 0.9em;
	line-height: 1.1em;
	@include border-radius4(3px,3px,0,0);
	box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
/*край на стилове за корици*/

.fieldset-holder {
	border:none;
	padding:0 0 20px;
	background:transparent;
	.listTable{
		border: none;
		th{
			background: #f1f1f1 !important;
			border: 1px solid white !important;
			display: table-cell !important;
			visibility: visible !important;
			vertical-align: middle !important;
		}
		td {
			border: none !important;
			border-top: dotted 1px #cccccc !important;
			vertical-align: top !important;
		}
	}
	legend {
	padding: 0 5px;
		div.rowtools{
	       white-space: nowrap;
	       width: auto;
	       display: inline-block;
	    }
	    .add-btn {
	       position: relative;
	       top: -4px;
	       display: inline-block;
	    }
	}	
	tr.group-by-field-row {
	    background-color: #f1f1f1;
	}
}

tr.row-added {
    background-color: #e6ffe0;
}

tr.row-removed {
    background-color: #cce3fe;
}

.wide .user-profile{
    .listTopContainer {
		min-width:0;
   	}
}

.wide .user-profile .listBlock {
   	display: block;
    .listRows > table.listTable{
        width: 100%;
    }
}

.narrow .user-profile .listBlock .listRows > table.listTable{
    width: 100%;
}

/*потребителски профил*/
.user-profile {
	max-width: 760px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: $gray1;	
	margin-top: 15px;
	.user-title {
		position: relative;
		padding: 70px 20px 10px 132px;
		height: 104px;
		display: flex;
		align-items: end;
		justify-content:left;
		box-sizing: border-box;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
		background: rgb(234,234,234); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(97,97,98,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(97,97,98,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(97,97,98,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(97,97,98,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(97,97,98,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(97,97,98,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#616162',GradientType=0 ); /* IE6-9 */
		color: #fff;
		font-weight: bold;
		border-radius: 5px 5px 0 0;
		&.statusClass {
			.timeSpan {
				color: #FFF !important;
			}
		}
		.linkWithIcon {
            color: #fff !important;
        }
		.user-name {
			font-size: 1.3em;
		}
	}
   .profile-image > a, .profile-image div {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 100px;
		height: 100px;
		@include border-radius(3px);
		border: 3px solid #fff;
		box-shadow: 0 1px 4px rgba(0,0,0,0.5);
		display: block;
		text-align: center;
		background: #fff;
		overflow: hidden;
		img {
			width: auto;
			height: 100px;
		}
	}
	> .groupList {
		margin-left: 10px;
	}
	.card-profile {
		margin: 0 10px 10px;
	}
	.fright {
		margin-left :10px;
	}
	.inner-holder {
		padding: 15px 15px 15px 15px;
	}
	.detail-info {
		background: #fff;
		.groupTitle {
			background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		}
	}
	.detail-info.portal .dt {
		width: 1%;
		min-width: 85px
	}
}

#profileLoginLog.groupList table, #profileActionLog.groupList table {
    td {
        padding: 3px;
        border-top: 1px dashed #bbb;
        &:first-child {
            width: 1%;
            white-space: nowrap;
            padding: 3px 20px;
        }
    }
    tr:first-child td {
        border-top: none;
    }
    
}

.narrow .user-profile {
	margin-top: 7px; 
	display: table;
	max-width: 600px;
	.user-title {
		font-size: 1.1em;
		padding: 70px 20px 10px 127px;
	}
	table .dt {
		padding-right: 5px;
	}
	.profile-image>a, .profile-image div {
		left: 10px;
		top: 10px;
	}
	.detail-info {
		font-size: 0.9em;
		min-width: 90%;
		line-height: 1.2em;
	}
	.inner-holder {
		padding: 10px;
	}
	.linkWithIcon {
		height: auto;
		padding-top: 1px;
	}
	table .dt {
		line-height: 1.2em;
	}
	.fleft, .fright {
		float: none;
		margin-left: 0;
	}
}

.personStatus {
	color: #fff !important;
	margin-top: 5px;
	display: block;
}
.user-title .personStatus .profile {
	color: #fff !important
}
/*край на потребителски профил*/


/*стилове за cat*/
div.productImage {
	padding: 10px 0 8px 8px;
	float: right;
}

.narrow div.productImage {
	padding: 10px  8px  8px 0;
	float: left;
}

.productPreview {
	height: auto;
	width: auto;
	max-height: 500px;
	max-width: 300px;
}

.productPreviewHolder {
	float: right;
}
.taskSpecInfo  {
	.productPreviewHolder img ,.productImage img {
		max-height: 75px !important;
		max-width: 90px !important;
	}
}
.narrow .productPreviewHolder {
	clear: both;
	float: none;
	display: block;
	.productPreview {
		max-height: 300px;
		max-width: 200px;
	}
}

.products-table,  .jobTable, .general-product-description, .sales_SalesDetails, .store_ShipmentOrderDetails {
	.productPreview {
		max-width: 320px;
		max-height: 320px;
	}
	.groupList .small-padding .productGroupInfo {
        padding-top:5px !important; 
	}
	.colorBox {
	   width: 12px;
	   height: 12px;
	   margin-bottom: 0;
	   position: relative;
	   top: -1px;
	}
}

.productCode {
	&:before {
		content: "[";
		color: #888;
		position: relative;
		top: -1px;
		margin-right: 2px;
	}
	&:after {
		content: "]";
		color: #888;
		position: relative;
		top: -1px;
		margin-left: 2px;
	}
}
// подробно показване на вложени детайли при принтиране
.printing {
	.document .mergedDetailsholder table.listTable>thead>tr>th{
		background: none !important;
		font-weight:normal;
		font-size: 0.8em;
	}

	.document .mergedDetailsholder table.listTable>tbody>tr>td{
		background: #fff !important;
	}

	.document table.listTable>tbody>tr>td.mergedDetailWideTD {
		padding: 0 !important;
	}

	.document .listTable .mergedDetails  {
		.no-border td {
			border: none !important;
			vertical-align: top !important;
			padding: 1px;
		}
		div > table.listTable>thead>tr>th  {
			background: none !important;
		}
	}
}

// край на подробно показване на вложени детайли

.products-table .rowtoolsGroup.modal-toolbar.iw-contextMenu {
	max-width: 200px;
}
.product-component-title{
	td {
		border-top: 1px solid #ddd;
	    padding: 5px 0;
	    vertical-align: middle !important;
	}
	&:first-child td{
	   border-top: none;
	}
	.anchor-arrow {
	   margin-top: -3px;
	}
}

.group-link {
	font-size: 0.8em;
	background-color: #e4e4e4;
	border: 1px solid #aaa;
	border-radius: 4px;
	margin-top: 1px;
  	margin-bottom: 1px;
	padding: 1px 2px;
    line-height:1.2em;
	cursor: pointer;
    display: inline-block;
	&:hover {
		background-color: #f1f1f1;
	}
}

.groupList .small-padding .productGroupInfo {
	padding-top:10px !important;
	text-decoration:underline;
	padding-left:0;
}


.colorName {
	position: relative;
	top: -2px;
}

.colorBox {
	border:solid 1px #333;
	margin:0px 2px 2px 5px;
	height: 14px;
	width: 14px;
	display: inline-block;
	position: relative;
}
.color-preview.colorful , .colorBox.colorful {
	background: -webkit-linear-gradient(to bottom right, red , yellow, green, blue) !important; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(to bottom right, red , yellow, green, blue) !important; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(to bottom right, red , yellow, green, blue) !important; /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, red , yellow, green, blue) !important; /* Standard syntax (must be last) */
}
.product-component-stage {
	background-color: #eee;
	padding: 5px;
	border: 1px solid #ccc;
}

.detail-info .general-product-description{
	.richtext, .groupList{
		margin: 0 0 2px;
	    font-size: 0.9em;
	    color: #222;
	}
}

.report-new-version-info {
	margin-top: 15px;
	border: 1px solid #ccc;
	padding: 5px 5px 5px 10px;
	background: rgba(255,255,190, 0.5);
	font-size: 0.9em;
	color:#222;
	border-radius:5px;
}

.products-table,  .jobTable, .sales_SalesDetails .productImage{
	a.fancybox img{
		max-width: 320px;
	    max-height: 320px;
	    width: auto;
	    height: auto;
	}
}

.general-product-description a.fancybox img{
	 max-width: 320px;
	 max-height: 320px;
}

.component-title {
	padding: 5px 0;
	font-style: italic;
}

.componentCode {
	margin: 0 10px 0 5px;
	display: inline-block;
}

.product-component-list td{
	border-left: none !important;
	border-right: none !important;
}

.product-component-list .componentTitle{
	font-weight: bold;

}
.product-component-list .level0.product-component-title {
    td{
        padding: 7px 0;
        background: rgba(230,230,230,0.5);
    }
}
.product-component-list .level1.product-component-title {
     td{
        padding: 6px 0;
    }
}
.product-component-list .level2.product-component-title {
     color: #333;
     td{
        padding: 5px 0;
    }
}
.product-component-list .level3.product-component-title {
     color: #444;
       td{
        padding: 4px 0;
    }

}
.product-component-list .level4.product-component-title {
     color: #555;
       td{
        padding: 3px 0;
    }
}
.product-component-list .level5.product-component-title {
     color: #666;
     font-size: 0.9em;
       td{
        padding: 2px 0;
    }
}

.display-table .product-component-holder {
	margin-left: 10px;
}
/*край на стилове за cat*/


/*стилове за CRM*/
div.crmImage {
	padding: 10px 0 8px 8px;
	float: right;
}

.narrow div.crmImage {
	padding: 10px  8px  8px 0;
	float: none;
}

div.crm_Companies div.tab-row .tab.selected, div.crm_Companies  div.tab-page {
	background: #f0f8ff;
}

div.crm_Persons  div.tab-page, div.crm_Persons div.tab-row .tab.selected {
	background: #f0fff0;
}

div.crm_Groups div.tab-row .tab.selected, div.crm_Groups  div.tab-page {
	background: #ffffe8;
}

.crm-icon, div.telephone, div.fax, div.email, div.email, div.mobile {
	padding-top:3px;
    padding-left:22px;
    background-repeat:no-repeat;
    background-position: 3px center;
}

div.telephone {
	background-image: url('../img/16/telephone2.png');
}

div.fax {
	background-image: url('../img/16/fax2.png');
}

div.email {
	background-image: url('../img/16/email_link.png');
}

div.mobile {
	background-image: url('../img/16/mobile2.png');
	background-position: 5px center;
}

.crm-icon a, .communication a{
	color: #031;
}

.crm-icon a:hover, .communication a:hover {
	color: #093;
}

.communication {
	display: inline-block;
}

.communicationImg {
	position: relative;
	display: inline-block;
	top: 2px;
	margin-right: 5px;
}

.custom-rowtools{
    display: inline-block;
    margin-left: 5px;
    position: relative;
    top:2px;
}

.namelist{
	padding-top:2px;
    margin-bottom: 4px;
    display: block;
    .icon {
        margin: 0 5px;
    }
}

.number-block{
	padding: 2px;
	margin-left: 3px;
    margin-right: 3px;
	color: #444;
	border: solid 1px #BBB;
	background-color: rgba(0, 0, 0, 0.05);
	font-size: 0.8em;
	top: -1px;
	position: relative;
	@include border-radius(3px);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.versionBlock{
	display:inline;
	padding: 2px 5px;
	margin-left: 3px;
	margin-right: 3px;
	color: blue;
	border: solid 1px #BBB;
	background-color: rgba(247, 240, 240, 0.8);
	font-size: 0.8em;
	top: -1px;
	position: relative;
	@include border-radius(3px);
	box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.1);
}

.document-handler {
    font-size: 0.8em;
    border-radius:3px;
    border:solid 1px #bbb;
    padding:2px;
    display:inline-block;
}

/*край на стилове за CRM*/

.groupTitle {
	padding: 0 2px;
    border-radius:5px;
}

option.team {
	background: black;
	color: #fc0;
}
#Bottom-tab-planning_Centers td {
	max-width: 260px;
	.linkWithIcon {
		overflow-wrap: break-word;
		white-space: break-spaces;
	}
}
/*Стилове за acc*/
div.acc-detail {
	font-size: 0.8em;
	margin: 3px;
	padding: 3px;
	font-family: Arial;
	border: solid 1px #ccc;
	background-color: $gray1;
}

.acc_ArticleDetails .listTable th{
    white-space: nowrap;
}

.wide .acc_ArticleDetails .horizontal .formToolbar{
    float: none;
}

.accCell{
   padding-left: 15px !important;
}

.itemClass{
	min-width: 210px;
}
.inline-checkbox {
	display: inline-block;
	margin: 5px 10px !important;
	position: relative;
	top: 2px;
}
.accToolsCell{
   width: 1%;
   a.linkWithIcon{
       width: 20px;
       height: 20px;
       display: inline-block;
       padding: 0 !important;
   }
}

.additionalInfo-holder{
	display: inline-block;
	position: relative;
	.additionalInfo{
	   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
       border: 1px solid #ccc;
       padding: 10px;
	   display: none;
	   position: absolute;
	   z-index: 1001;
	   bottom: 15px;
	   left:20px;
	   background: #ffe;
       width: auto;
	   border-radius: 5px;
	   font-size: 15px;
		color: #000;
        &.bottom{
            bottom: auto;
            top: 0;

        }
	   .aright{
	       padding-right: 5px;
	   }
		&.left {
			right: 0;
			left: auto;
		}
	   td{
	       white-space: nowrap;
	       border: none !important;
	       text-align: left !important;
	   }
	   .aright{
	       text-align: right !important;
	   }
	}
	.docTags {
		top: -1px !important;
		.enTag {
			vertical-align: middle;
		}
	}
	.anchor-arrow {
	   cursor: pointer;
	}
}
.toggleLink {
	float: right;
	display: inline-block;
	height: 20px;
	cursor: pointer;
	padding: 3px;
}

.narrow #cmsNavigation .articles-navigation {
	margin-top: -10px !important;
	margin-bottom: 0 !important;
	#searchform{
		margin: 0 !important;
		float: left;
	}
	#simpleSearch {
		margin: 0 !important;
		padding: 0;
		box-shadow: none !important;
		border: none !important;
		position: relative;
	}
	#searchInput {
		border-radius: 3px;
		box-shadow: none !important;
		border: none !important;
	}
	#searchButton {
		position: absolute;
		top: 2px;
		right: 26px;
		&:focus {
			outline: none;
		}
	}

}
.narrowNav {
	display: none;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	padding: 10px 10px 15px 10px;
	font-size: 0.85em;
	margin-bottom: 20px;
}

.narrow .additionalInfo {
	font-size: 0.9em;
}

.portal table.listTable .additionalInfo-holder td{
	  border: none !important;
}

.acc-footer {
	text-align: right;
	margin-top: 20px;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #e1e1e1;
	padding: 5px;
}

table.listTable > tbody > tr {
	> .folderListTitle, >  .threadListTitle, > .emailListTitle {
		max-width: 600px;
	}
}
.smallerText {
	font-size: 0.9em;
	&.offsetTop {
		margin-top: 20px;
	}
}

/*детайли*/
.detail-info {
	margin: 10px 0 0 0;
	padding: 5px 10px;
	border: solid 1px #ccc;
	@include border-radius(5px);
	legend img {
		margin-left: 5px;
		vertical-align: middle;
	}
	dl{
		margin-top:-2px;
	}
	.listRows{
		margin-left: 0 !important;
	}
	table tr {
		padding: 0;
	}
	.richtext {
        color:#000;
        line-height: 1.2;
	}
    .inline {
        display: inline-block;
        div {
            display: inline-block;
        }
    }
	&.portal {
		padding-top: 5px;
		margin-top: 10px;
		background-color: transparent;
		box-shadow: none;
		p {
			margin: 0;
		}
		table.listTable th {
			background: #e1e1e1 !important;
			border: 1px solid #fff !important;
			display: table-cell !important;
			visibility: visible !important;
			vertical-align: middle !important;
		}
		table.listTable td {
			text-align:center;
		}
	}
	&.acc-summary {
        .accTitle{
			background-color: #e1e1e1;
			display: block;
			line-height: 150%;
			font-size: 1.15em;
			padding-left: 10px;
			padding: 4px 10px 2px 10px;
			font-weight: bold;
		}
		.summary-group{
		    border: 2px solid #ddd;
		    margin-top: 20px;
		    &:first-child{
		      margin-top: 10px;
		    }
		}
		table.listTable{
			th{
				background-color: #eee;
				border: none !important;
				padding: 5px 3px;
				font-weight: bold;
			}
			tr:first-child th{
				background-color: rgba(240,240,240,0.5) !important;
				border: none !important;
				padding-bottom: 4px;
				padding-top: 4px;
				font-weight: normal;
				&:nth-child(2){
					text-align: left;
					padding-left: 10px;
				}
		     }
        }
        .feather-title{
		    text-align: left;
		    float: left;
		    margin-left: 6px;
        }

    }
	.store_Products {
		.listTopContainer {
			min-width:500px;
		}
		.listTable {
			font-size: 0.9em;
			max-width: 700px !important;
		}
	}
}
/*край на детайли*/


/*портал*/
.wide table.top-table.large-spacing {
	border-spacing: 10px;
}

.wide table.top-table td{
	vertical-align: top;
}

.portal {
	margin-top: 15px;
	margin-bottom: 30px;
	padding: 10px;
	padding-top: 18px;
	border: solid 1px #ccc;
	@include border-radius(5px);
	background-color: white;
	position: relative;
	&.no-border {
		border: none;
		padding: 0;
		margin: 0;
		position: relative;
		.portal-filter {
			position: absolute;
			right: 0;
			top:5px;
			float: none;
		}
		.SearchBtnPortal {
			border: none !important;
		}
	}
	.state-closed {
        background-color: transparent;
    }
    &.planning, &.detail-info {
    	margin-bottom:5px;
    	.state-closed {
    		background-color: #dddddd;
    		&:hover {
    			background-color: #d0d0d0;
    		}
    	}
    	table.listTable th {
    	   vertical-align: middle !important;
    	}
    }
	.legend {
		position: absolute;
		top: -16px;
		margin-left: 10px;
		z-index: 100;
		line-height: 20px;
		padding: 5px;
		border: solid 1px #ccc;
		@include border-radius(5px);
		font-weight: bold;
		.addTask {
			display: inline-block;
			width: 16px;
			height: 16px;
			padding-left: 5px !important;
			position: relative;
			top: 3px;
			margin-bottom: 0;
	    }
    }
	.richtext {
		line-height: normal;
	}
	table.listTable {
		width: 100% !important;
		border: none;
		margin-bottom: 0;
		td {
			border: none !important;
			border-top: dotted 1px #ccc !important;
			vertical-align: top !important;
			padding: 4px 3px;
		}
		> tbody > tr:first-child > td {
		    border-top: none !important;
		}
		th {
			display: none;
			border: none;
			vertical-align: top !important;
		}
		.portal-date{
		    width:1%;
		}
    }

}

.wide .portal table.listTable {
	font-size: 0.95em;
	line-height: 1.1em !important;
}

.planning_ProductionTaskDetails {
	table.listTable>tbody>tr>td {
		border-top: 1px none !important;
	}
	 table.listTable>tbody>tr:first-child>td {
		border-top: 1px dotted #ccc !important;
	}
}
.portal.planning table.listTable th {
    border: 1px solid #ccc;
    &:first-child {
        border-left: none;
    }
    &:last-child {
        border-right: none;
    }
    display: table-cell;
}
.planning.small .plus-icon {
	top: 4px;
	margin-top: -6px;
}

.planning.small .listTable td {
	vertical-align: middle !important;
}

.narrow .portal .legend .addTask {
	top:2px;
}

td.portal-date {
	text-align:right !important;
	white-space:nowrap;
}

.detail-info.portal table.listTable {
	font-size:1em;
	.frontTooltip img{
		height: 14px;
		margin-top: -2px;
	}
}

.shortTable .listTable {
    width: 1%;
}

.wide .half-block {
	padding-right:20px;
	&.large {
	   width: 70%;
	}
}
.narrow .half-block {
	display: block;
}
/*край на портал*/


/*тредове*/
.single-thread > .listRows > .listTable > tbody > tr > td {
	padding: 9px;
}

.doc_Containers table.listTable td {
	vertical-align: top;
}

.doc_Containers > .single-thread > .listRows > table.listTable > tbody > tr {
	background-color: #fff;
	&.flash {
	   background-color: #ff8;
	}
}

/*стилове при отворени тредове*/
.doc_Containers > .thread-opened > .listRows > table.listTable > tbody > tr{
	background-color: $open-thread ;
}

.doc_Containers > .thread-opened > .listRows > table.listTable > tbody > tr:hover{
	background-color: $open-thread ;
}

.thread-opened > div > table.listTable > tbody > tr > td {
	border: solid 1px #6c6;
}

.thread-opened table.listTable > thead > tr > th {
	border: solid 1px #6c6;
	background-color: #aea;
}

.thread-opened div.attachments .aHeader {
	background-color: #e0f0e0;
}

a.tUnsighted {
    font-weight: bold;


    &:hover {
        color: #e70 !important;
    }
}

.listTable .change-selected-version td,
.single-thread .document div.alphabet .tab-page .listTable .change-selected-version td{
	background-color: #ff8;
}
/*край на стилове при тредове*/
.narrow .folder-cover .typeTable {
	min-width: 200px !important;
	max-width: 300px;
}

.typeTable {
	border:none !important;
	.formTypeTable {
		text-align: center;
		font-weight: bold;
		font-size: 0.8em;
        background-color:#eee;
	}
	td  {
		text-align: center;
        font-size: 0.8em;
		background: #fff;
	}
	.batchNameTd {
		input {
			white-space: nowrap;
			width: 100% !important;
		}
		~ td {
			width: 120px;
			input {
				max-width: 120px;
			}
		}
	}
	select {
		max-width: 270px;
	}
	.leftCell select {
		max-width: none;
	}

}
.folder-cover .typeTable {
	min-width: 300px !important;
	width: auto !important;
	margin-bottom: 5px;
	td {
		min-width: auto !important;
		&.leftCell, &.rightCell {
			padding-left: 7px;
			padding-right: 7px;
		}
	}
}
.formFields .typeTable {
	select, input {
		border: none !important;
		box-shadow: none !important;
		outline:  none !important;
		&:active, &.focus {
			box-shadow: none !important;
			outline:  none !important;
		}
	}
}

	/*стилове за документи*/
.document {
	width: 100%;
    min-width: 50em;
    max-width: 60em;
	border: solid 1px $gray4;
	background: #ffffff;
	@include border-radius(5px);
	padding: 10px;
	margin-bottom: 20px;
	line-height: 120%;
	margin-top: 10px;
	.corrected {
		color: #c00;
	}
	.correction {
		color: #e78a02;
	}
	.block_left {
		margin-top: 10px;
	}
	p {
		margin-top: 0;
		margin-bottom: 5px;
		line-height: 120%;
	}
	.indent {
		text-indent: 25px;
	}
	.custom-ul {
		margin-top: 5px;
		margin-bottom: 5px;
	}
    h1 {
        margin: 0.5em 0;
        line-height: 1em;
    }
	h3 {
		margin-bottom: 10px;
	}
	div.richtext-holder {
		margin-top: 0;
		margin-bottom: 5px;
		line-height: 120%;
		.richtext {
			display: inline;
			color: #000;
		}
	}
	.listTable {
	   width: 100%;
	}
	.header {
		@include border-radius(3px);
		padding: 3px;
		font-size: 1em;
		margin-bottom: 10px;
	}
	.details {
		.listTable {
			width: 100%;
		}
		.listToolbar {
			padding: 10px 0 5px;
			margin: 0;
			border-bottom: 1px solid $gray4;
			.toolbar {
				padding-left: 0;
			}
		}
	}
	.listTable th, .listTable td{
		border: 1px solid $gray4;
	}
	.border-table, .pko-notes, .no-border-top{
	   width: 100%;
	}
	.border-table td, .border-table th{
	    border:1px solid $gray4;
	    padding:3px;
	}
	.border-table th{
	   background-color: $gray2;
	}
	.border-field {
		display: inline-block;
		width: 120px;
		border-bottom: 1px solid #aaa;
	}
	.no-border-bottom{
		border-bottom: none !important;
	}
	.no-border td, .no-border th{
	    border: none !important;
	}
	&.print-letter {
		page-break-after: always;
		max-width: 840px;
		float: none;
		padding: 15px;
		&:last-child {
		     page-break-after: auto;
		}
	}
	.custom-header-bg {
		background-color: $gray2 !important;
		height: 20px;
	}
	.custom-header-bg b {
	   background-color: $gray2 !important;
	}
	.listTable .numericElement {
	   text-align: right;
	   display: inline-block;
	   white-space: nowrap;
	}
	.tab-control .detail-info {
		font-size: 0.9em;
	}
	.business-doc-summary-table > tbody > tr > td{
		padding:3px !important ;
		border:0px !important;
	}
	.reportHolder {
		.group-by-field-row td {
			padding: 5px !important;
		}
	}
	.original {
		letter-spacing: 3px;
		color: #999;
	}
}

.modalBtn {
	height: 70px;
	width: 450px;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
	padding: 10px 20px;
	font-size: 1.5em !important;
	text-align: center;
	border-radius: 10px;
	color: white !important;
	font-weight: bold;
	border: 1px solid #666;
	border-radius: 3px;
	box-shadow: rgba(233,233,233,.5) 1px 1px 0 0 inset, 2px 2px 3px rgba(0,0,0,.1);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.8);
	background-color: #ccc;
	&.disabledBtn {
		color: #999 !important
	}

}
.confirmPayment {
	background-color: #4c9d2c !important;
	&.disabledBtn {
		background-color: mix(#4c9d2c, #333) !important;
	}
}
.closePaymentModal {
	background-color: #c51818 !important;
	&.disabledBtn {
		background-color: mix(#c51818, #333) !important;
	}
}

.header .documentTags {
	position: relative;
	top: -4px;
}
.threadSubTitle .documentTags .tags {
	font-size: 0.9em;
	position: relative;
	top:0px;
}
.threadSubTitle.onlyTags {
	display: inline;
	.documentTags {
		top: -2px;
	}
}
.portalHeaderTitle {
	margin-right: 5px;
}

.documentTags .tags{
	font-size: 0.7em;
	font-weight: normal !important;
	border: 1px solid #999;
	padding: 0px 2px 1px;
	opacity: 0.9;
	box-sizing: border-box;
	white-space: nowrap;
	display: inline-block;
	height: 18px;
	line-height: 16px;
	margin: 1px 3px !important;
	position: relative;
	&.tagType-personal {
		border-radius: 5px;
	}
}
.titleTags, .small.openModal {
	line-height: 1.5em !important;
}
.titleTags .documentTags {
	position: relative;
	top: -2px;
}

.tags.lightBg a{
	color: #000 !important;
}
.tags.darkBg a{
	color: #fff !important;
}

.doc_Threads .listTable .documentTags .tags{
	font-size: 0.9em !important;
	top: 0 !important
}

.narrow .portalAuthorTitle {
	position: relative;
	top: 2px;
}
.narrow .documentTags {
	white-space: normal !important;
}
.legend .documentTags .tags{
	top: -1px;
}
.portal .threadSubTitle .tags {
	opacity: 1;
	margin-left: 5px;
	white-space: nowrap;
	display: inline-block;
	width: 9px;
	height: 9px;
	overflow: hidden;
	position: relative;
	border: 1px solid #999;
	box-sizing: border-box;
	top: 1px;
	&.tagType-personal {
		border-radius: 5px;
	}
}
.threadTitlesHolder {
	position: relative;
	padding-right: 25px;
}

.tagsHolder {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
	display: none;
}

.doc_drivers_LatestDocPortal .tagsHolder {
	display: block;
}

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

.doc_drivers_FolderPortal {
	.threadSubTitle {
		display: block !important;
		clear: both;
	}
	.otherSubtitleStr {
		clear: both;
		float: left;
		padding-top: 3px;
	}
	.portalAuthorTitle {
		float: right;
		display: block;
	}
}

.bgerp_drivers_Tasks {
	.rightCol {
		width: 38px;
		.progress {
			position: relative;
			top: -2px;
		}
	}
	.otherSubtitleStr {
		display: inline-block;
		padding-top: 3px !important;
	}
	.tagsHolder {
		margin-right: -45px;
	}
}

.noteBomCol {
	color:green;
	font-size:0.9em;
}

.noteExpectedCol {
	color:blue;
	font-size:0.9em;
}

.narrow .document {
	span.state {
		padding: 2px 5px;
		border-radius: 3px;
		display: inline-block;
	}
	.original {
		margin-top: 3px;
		font-size: 0.9em;
	}
	.subtitle {
		margin-top: 4px;
	}
}
.lighterColor {
	opacity: 0.6;
	font-size: 0.9em;
}
.document .reportHolder {
	th {
		font-size: 0.8em;
		white-space: normal !important;
	}
}
.frame2Table tr.group-by-field-row {
	background: #ddd;
	font-weight: bold;
	&:hover {
		background: #eee !important;
	}
}

.CVTable {
	font-family: Arial, Helvetica;
	width: 100%;
	.title {
		text-transform: uppercase;
		font-size: 1.1em;
		padding-top: 20px;
		padding-bottom: 5px;
	}
	td {
		padding: 2px 5px;
	}
	.aright {
		width: 150px;
	}
}
.cv-document {
ul {
    margin: 0;
}
}

.ul-title {
margin: 0;
}
#quot-table{
margin-top:10px;
border-collapse:collapse;
margin-bottom:0px;
}

.narrow #quot-table{
margin-left:0;
}

.quote_title{
margin-top:12px;
margin-bottom:10px;
font-size:2em;
font-weight:bold;
color:#636363;
font-family: impact;
}

.state-rejected .quote-title{
color:#999;
}

.title-info {
margin:2px 0 !important;
}

.receiver{
color:#636363;
text-decoration:underline;
}

.receiver-block{
padding-top:12px;
min-height:170px;
width:40%;
float:left;
}

.narrow .receiver-block, .narrow .quot-title-td{
clear:both;
float:none;
width:100%;
margin-top:10px;
}

#condition-title{
font-weight:bold;
text-decoration:underline;
}

#conditions{
margin:0px;
line-height: 1.5em;
}

#details-holder {
margin-top:15px;
}

.narrow .products-table{
font-size:0.9em;
width:100%;
}

.narrow .products-table ul {
clear: both;
}

#details-holder p, #optional-holder p{
margin-bottom:10px;
}

.products-table tr td.total-td-label{
vertical-align:bottom !important;
text-align:right;
font-size:0.9em;
}

.quotation-detail-add-btn {
margin: 10px 0 20px;
}
.products-table{
border:1px solid #ccc;
border-collapse:collapse;
width:100%;
}

.products-table th{
border:1px solid #ccc;
background-color:#e0e0e0 !important;
padding:5px;
}

.products-table  td {
border:1px solid #ccc !important;
padding:5px;
vertical-align:top !important;
}

.doc_Containers table.listTable td.misc-info{
vertical-align:top !important;
}

.discount {
color:green;
margin-top:5px
}

.offer-rowtools-id .rowtools{
display:inline-block;
width:auto;
}

.offer-rowtools-id span{
display:inline-block;
vertical-align:top;
}

.quiantity-misc{
padding-top:5px;
font-size:0.9em;
}

#add-others{
position: relative;
top: 2px;
margin-left:5px;
}

.oldAmount {
text-decoration:line-through;
font-size:0.9em;
color: #999999;
}

.page-break{
display: none;
}

#quot-title-td{
width:55%;
float:left;
}

.discount{
font-size:0.9em;
}

.richtext table{
clear:both;
}

.expired-quote{
color:darkred;
font-weight:bold;
font-style:italic;
margin-left:5px;
}

.printing .quote-header{
border-bottom:1px solid #ccc !important;
}

.quote-header td.gray-bg{
background-color:#e0e0e0 !important;
}

.quote-header .cell{
border: 1px solid #ccc !important;
}

.quote-header td b{
background:transparent !important;
}

.business-doc-summary-table td{
padding:1px;
border:0px !important;
}

.sign_names {
white-space: nowrap;
}

.dark-gray {
color: #444;
}
#packWrapper > .floatedElement,  #packWrapper > .tab-control .tab-page .floatedElement{
	float: left;
	&.preview-holder:not(.palletInfoBlock) {
		margin-top: -20px !important;
		min-width: 800px;
	}
	&.palletInfoBlock {
		margin-top: -10px !important;
	}
}

.palletInfoBlock {
	display: inline-block;
}

#packWrapper form.floatedElement  {
margin-right: 20px;
}

.smallerTextInTable {
font-size:0.7em;
min-width:20em;
}

.small-padding td {
padding: 3px !important;
}

.groupList .small-padding td {
padding: 2px 3px 0!important;
}

.wide .halfTable {
width: 45%;
float: left;
margin-top: 5px;
&.offsetLeft {
    margin-left: 50px;
}
.titleCol {
    width: 120px;
}
}

.readonlyInput {
border: none !important;
background: none !important;
box-shadow: none !important;
}

.productCell .halfTable {
.titleCol {
    width: 100px;
    vertical-align: top;
}
&.offsetLeft {
    margin-left: 20px;
}
}

.productName {
	white-space: normal !important;
	font-weight:bold;
	color:#444;
}

.narrow .halfTable {
margin-top: 10px;
&.offsetLeft {
    margin-left: 0px;
}
}

.document-settings, .document-settings-left {
display: inline-block;
height: 16px;
float: right;
span, a{
    margin-bottom: 0;
}
.additionalInfo {
    left: auto;
    right: -4px;
    &.right {
        left: -42px;
        right: auto;
    }
}
  .pluginCountButtonNub {
    height: 0;
    left: 0px;
    position: relative;
    top: -14px;
    width: 5px;
    z-index: 2;
    display: inline-block;
    s, i {
        border-color: transparent #9197a3;
        border-style: solid;
        border-width: 4px 5px 4px 0;
        display: block;
        position: relative;
        top: 1px;
    }
    i {
        border-right-color: #fff;
        left: 2px;
        top: -7px;
    }
}
.docSettingsCnt {
    background: white;
    border: 1px solid #9197a3;
    border-radius: 2px;
    color: #4e5665;
    display: inline-block;
    font-size: 0.7em;
    height: auto;
    line-height: 14px;
    margin-left: 0px;
    min-width: 10px;
    padding: 0 2px;
    position: relative;
    top: -5px;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}
.linkWithIcon {
    padding-left: 0px !important;
    opacity: 0.8;
    width: 18px;
    height: 18px;
    display:inline-block;
    margin-left: 5px;
    margin-right: 1px;
    background-position: 0 0 !important;
    &.liked:hover {
        background-image: url(../img/16/heart_break.png) !important;
    }
    &.disliked:not(.disable):hover {
        background-image: url(../img/16/heart.png) !important;
    }
    &.disliked.disable {
        cursor: default;
    }
}
}
.smallBtnHolder .linkWithIcon {
	font-size: 0.65em;
	background-size: 11px;
	padding-left: 18px !important;
}
.narrow .document-settings, .narrow .document-settings-left, .narrow .document-title-group {
display: inline;
float: none;

.liked, .disliked, .linkWithIcon {
    position: relative;
    top: 2px;
    margin-left: 0;
}

.document-settings .linkWithIcon, .eyeIcon {
    margin-right: 5px;
}
}

.narrow .document-settings-left, .narrow .document-settings {
position: relative;
top: 3px;
}

.document-settings-left, .document-title-group {
float: left;
display: inline-block;
}

.priority-high {
	color:#882200 !important;
}

.priority-critical {
	color: #cc0033 !important;
}

.priority-low {
	color: #48C !important;
}

.docBgIcon {
position: relative;
}

.narrow .docBgIcon {
font-size: 0.9em;
padding-right: 5px;
}

.narrow .document-settings-left span {
white-space: nowrap;
}

.snapshot {
margin-top: 10px;
padding: 10px;
background: rgba(255,255,210,0.3);
border: 1px solid #ddd;
border-radius: 3px;
.snapshot-title {
    padding-bottom: 7px;
}
}
.bottom-antetka {
border-top: 1px solid #ddd;
padding: 5px;
font-size: 0.8em;
 > div {
   margin: 1px 0;
 }
}

.info-transport{
color: #00529b;
background-color: #bde5f8;
border: 1px dotted #35a0ff;
display: inline-block;
font-size: 1em;
font-weight: bold;
position: relative;
z-index: 100;
top: 50px;
transform: rotate(16deg);
margin-top: 15px;
margin-bottom: 15px;
padding: 8px 8px 8px 8px !important;
border-radius: 3px;
}

.stamp{
	color: #b00;
	border: 1px dotted #b00;
	display: inline-block;
	font-size: 1em;
	position: relative;
	z-index: 100;
	top: 50px;
	transform: rotate(16deg);
	padding: 1px 2px 0px 2px !important;
	border-radius: 3px;
	&.consignmentProtocol {
		color: #444;
		border: 1px dotted #333;
	}
}
.approved {
padding: 10px 10px 5px !important
}

.wide .approved {
position: absolute;
top: 7px;
right: 2px;
transform: rotate(10deg);
margin-top: 10px;
}

.narrow .approved, .no-transform {
transform: rotate(0deg);
top: 0;
}

.centered {
text-align: center;
}
.vtop.centered .defaultDeleteRowCheckbox {
	margin-top: 0 !important;
}
.lighterBold {
color: #666;
}

.document-title{
font-size: 16pt;
font-weight: bold;
line-height: 120%;
margin-top: 4px;
text-transform: uppercase;
}

.document .listTable th{
white-space: nowrap;
}

.separateRowTable {
font-weight: bold;
}

td.rowtools-column {
width:1%;
}

.small-field{
width:1%;
}
.maxCell {
	max-width: none !important;
	.maxwidth {
		text-align: left !important;
	}
}
.logisticCol {
	text-align: right;
	max-width: 400px !important;
}

.medium-field{
width: 200px;
}

.large-field{
width: 50%;
}

.long-field {
	min-width: 400px !important;
	white-space: normal !important;
}

.listAction table.listTable>tbody>tr>td.midCell {
	max-width: 170px !important;
	white-space: wrap;
}
.narrow .largeNarrowCell {
min-width: 300px;
}
.narrow .doc_Search .listTable .nowrap {
	overflow: hidden;
	text-overflow: ellipsis;
}
.horizonCol {
position: relative;
top: 2px;
font-size: 0.85em;
.anchor-arrow,  .endTooltip{
    width: 10px;
    height: 10px;
    img {
        width: 12px;
        height: 12px;
    }
}
.additionalInfo-holder {
    position: relative;
    top:1px;
}
}

.smallHintHolder {
.endTooltip {
    width: 11px;
    height: 11px;

    img {
        width: 14px;
        height: 14px;
    }
}
}

.sale-summary .secondMeasure {
font-size: 15px;
}

.listTable td .endTooltip img, .listTable td .frontTooltip img{
width: 14px !important;
height: 14px !important;
}

.groupList .endTooltip img {
	width: 12px !important;
	height: 12px !important;
}

.sale-summary td .endTooltip img, .sale-summary td .frontTooltip img{
	width: 16px !important;
	height: 16px !important;
}

.secondMeasure .endTooltip, .listTable td .secondMeasure .endTooltip {
width: 10px;
height: 10px;
img {
    width: 12px !important;
    height: 12px !important;
}
}

.lighter-color {
opacity: 0.6;
}

.listAction table.listTable>tbody>tr>td, table.listTable.listAction>tbody>tr>td.wideColumn {
max-width: none !important;
}

.morePadding {
padding-left: 6px !important;
padding-right: 6px !important;
}

.amount-field {
min-width: 180px;
}
.expectedTotalCol {
color: #888888;
font-size: 0.8em;
}
.wrap {
white-space: normal !important;
}

.aright {
text-align: right;
}

.aleft {
text-align: left;
}

.vtop {
vertical-align: top;
}

.vmiddle {
vertical-align: middle;
}

.vbottom{
vertical-align: bottom;
}

.ballance-field{
padding-left: 10px !important;
}

.articleCell{
min-width: 200px;
max-width: 270px;
}

.wide .document table.listTable {
margin-bottom: 0;
}

pre.document {
white-space: pre-line;
}

.narrow .listTable > tbody > tr > td div.document {
min-width: 200px;
}

.listTable > tbody > tr > td div.document {
border: none;
background: transparent;
@include no-shadow();
padding: 0;
margin: 2px 0 0 0;
}

.antetka {
	margin-bottom: 5px;
	padding: 5px;
	border: solid 1px $gray3;
	background: transparent;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#40C8C8C8,endColorstr=#40C8C8C8);
	zoom: 1;
	background: rgba(200, 200, 200, 0.3);
	span.timeSpan {
		white-space: nowrap;
	}
	.linkWithIcon {
		margin-bottom: 0;
	}
	.document-handler {
		padding: 0 2px 0 0;
		.linkWithIcon {
			height: auto!important;
		}
	}
}

.taskWithStepAndResourceTd {
	max-width: 250px;
	a {
		display: inline !important;
	}
}

.antetkaCell {
max-width: 400px;
}

.threadSubTitle {
	font-size: 0.75em;
	padding: 2px;
	padding-bottom: 0;
	color: #353;
	.quiet {
		color: #ccc;
	}
	.documentTags {
		position: relative;
		top: 0;
		span {
			font-size: 0.95em;
		}
	}
}

.narrow .block_title {
	font-size: 1.2em;
}

.narrow .document .richtext {
	min-width: 220px;
	height: auto;
}

.smallData {
	padding: 1px;
	font-size: 1em;
}

.bigData {
	font-family: "Courier New",  Courier, monospace;
	font-size: 1.1em;
	font-weight: bold;
	&.notBold {
		font-weight: normal !important;
	}
}

.narrow .bigData {
	font-family: Verdana;
	font-size: 0.9em;
}

.quiet-small {
	color: #999;
	font-size: 0.9em;
	margin-bottom: -2px;
	margin-top: 3px;
}

.boldText {
	font-weight: bold;
}
.italicText {
	font-style: italic;
}
.underlineText {
	text-decoration: underline;
}
.normalText {
	font-weight: normal !important;
}
.transUnitQuantity {
	font-weight: bold;
	padding: 1px 2px;
	background: rgba(205, 205, 205, .7);
	border: 1px solid #aaa;
	border-radius: 3px;
}
.cell {
	border: 1px solid #999;
	vertical-align: top;
}

.topCell {
	max-width: 400px !important;
	div {
	   padding-bottom: 2px;
	}
	.cellRow{
	   padding-bottom: 4px;
	}
}

.line-through {
	text-decoration: line-through !important;
}

.innerTable {
	border-collapse: collapse;
	> tbody > tr > td{
	   border: 1px solid $gray4;
	}
}

.rowData {
	font-size: 0.9em;
}

.topCell td{
	padding: 1px !important;
}

.footer-notes > tbody > tr > td{
	border: 1px solid $gray4;
	vertical-align: top !important;
}

.narrow .footer-notes ol li {
	word-break: break-word;
}

.document .paddingCells > tbody > tr > td{
	padding: 5px;
}

.innerDocument {
	padding:6px 10px 10px;
}

.doc_drivers_FolderPortal .threadSubTitle {
	display: inline;
}

#invoice-info {
	border-left: 1px solid $gray4;
}

#inv-holder > tbody >  tr > td {
	padding: 0 !important;
}

.invoiceNoteWarning {
	color: #c51818;
	border: 1px dashed #910404;
	text-align: justify;
	padding: 5px;
	border-radius: 5px;
	background: #f3e0e0;
}

.document .lines {
	border-left: 1px solid $gray4;
	border-right: 1px solid $gray4;
	border-bottom: 3px solid #ddd;
}

.signature-table{
	margin-top: 20px;
	td{
	   border: none !important;
	}
}

.document .special-borders  td {
	border: none;
	&.border-right{
		border-right: 1px solid #999 !important;
	}
	&.border-left{
		border-left: 1px solid #999 !important;
	}
}

.printVisible {
	display: none;
}
.sign_names {
	display:inline-block;
	text-align: center;
	border-top: 2px dotted #666;
	margin-left:5px;
	padding: 5px 10px;
	min-width: 110px;
}

.nowrap {
	white-space: nowrap;
}
.wide .wideNowrap {
	white-space: nowrap;
}
.wrapText {
	white-space: normal !important;
}

.shipment-table tr td{
	padding:1px  3px !important;
}
.currentStat {
	font-weight:normal;
	color:darkblue;
	font-size:0.6em;
	font-style:italic;
	display: block;
	margin-top: 3px;
}

.half-col {
	display: inline-block;
	width: 49%;
	float: left;
}

.shipment-table .half-col {
	float: none;
	white-space: nowrap;
}

.narrow .document .half_block {
	width: 100% !important;
	clear: both;
	float: none;
}
.enTag {
	vertical-align:top;
	font-size:0.7em;
	border:solid 1px white;
	color:white;
	padding:1px;
	white-space: nowrap;
	&.weightTag {
		background-color:black;
	}
	&.percent {
		background-color: blue;
	}
	&.zone {
		background-color:red;
	}
}
.document-block {
	font-size: 0.9em;
	width:100%;
}
.block-instock {
	background-color:rgba(14, 114, 196, 0.8);
	color:white;
	border-radius: 3px;
	border: solid 1px #bbb;
	display: inline-block;
	padding: 1px 3px 1px 3px;
	font-weight:bold;
	font-size:0.8em;
}

.block-instock .quiet {
	color:white !important;
}

.shipmentErrorDateBlock {
	border-radius: 3px;
	border: dotted 1px red;
	display: inline-block;
	padding: 1px 3px 1px 3px;
}

.block-readiness {
	background-color:rgba(173, 62, 42, 0.8);
	color:white;
	border-radius: 3px;
	border: solid 1px #bbb;
	display: inline-block;
	padding: 1px 3px 1px 3px;
	font-weight:bold;
	font-size:0.8em;
	&.lineShow {
		padding: 3px 3px 3px 3px;
	}
	&.quiet {
		color:white;
	}
}


.tags {
	margin-left: 2px;
}

.maxwidth {
	display: block;
}

.maxwidth .tags, .document-handler .tags, .rowBlock .tags {
	position: relative;
	top: 2px;
}

.document .listTable .acc-article-entries {
	font-size: 0.8em;
	list-style: none;
	margin: 0.2em 0;
	padding-left: 1em;
	td {
		border: none !important;
	}
}

.center-content {
	width: 800px;
	margin: 0 auto;
	.scrollable {
		overflow-y: auto;
	}
	h1 {
		text-align: right;
		padding: 0 20px;
		font-size: 36px;
	}
	h3 {
		font-size: 24px;
		text-align: center;
	}
	h4 {
		font-size: 20px;
		text-align: center;
	}
	.aboutImg {
		max-width: 30px;
		position: relative;
		top: 3px;
		height: auto;
	}
	.list-group {
		display: -ms-flexbox;
		display: flex;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 10px 20px;
		margin-bottom: 0;
		border-radius: .35rem;


	}
	.list-group-item {
		position: relative;
		display: block;
		padding: .25rem 1.25rem;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.125);
		line-height: 200%;
		&:first-child {
			border-top-left-radius: inherit;;
			border-top-right-radius: inherit;;
		}
		&:last-child {
			border-bottom-right-radius: inherit;
			border-bottom-left-radius: inherit;
		}
		.list-group-item+.list-group-item {
			border-top-width: 0;
		}
	}
}

.dec-document{
	font-size: 0.95em;
	ul{
		margin-top: 5px;
		margin-bottom: 0;
		margin-left: 25px;
		li {
			padding-bottom: 5px;
		}
	}
	.richtext {
	   color: #000;
	   line-height: 1.5em;
	   ul {
		   margin-left: 10px;
	   }
}



.inner-text {
   padding-left: 30px;
}
table.signiture{
    width: 10% !important;
}
}

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

.full-width{
	width: 100%;
}
.full-width-holder {
	width: 100%;
	table {
	   width: 100%;
	}
}

.history-reason {
	font-size: 0.9em;
	color: #666;
}

.document table.listTable > tbody > tr > td {
	padding: 5px 3px 2px !important;
}

.inlineRichtextCond {
	.richtext, .endTooltip {
		display: inline  !important;
		vertical-align: middle;
	}
}
.blueText {
	color: blue !important;
	.richtext {
		color: blue !important;
	}
}
.closedFrameUpdateTimeTitle {
	font-weight: bold;
	color: red !important;
}
.closedFrameUpdateTime {
	font-weight: bold;
	color: red !important;
	border: 1px dotted red;
	padding: 2px;
	span {
		color: red !important;
	};
}
/*край на стилове за документи*/


/*стилове за прикачени файлове*/
.wide div.attachments {
	display: inline-block;
	margin: 2px;
}

div.attachments {
	display: block;
	width: 100%;
	float: right;
	margin: 2px;
	.aHeader {
		background-color: $gray2;
		padding: 3px;
		padding-left: 26px;
		background-image: url('../img/16/attach.png');
		background-repeat: no-repeat;
		background-position: 6px 4px;
		border-bottom: solid 1px $gray2;
	}
	.fileLink {
		max-height: 32px;
		height: auto;
		overflow: hidden;
		line-height: 1.3em;
		display: block;
		margin-bottom: 2px;
	}
}

.dangerFile {
	background-image: url('../img/16/bug.png') !important;
	color:#f00 !important;
	background-repeat: no-repeat;
	padding-left: 18px;
}

.wide .em-holder {
	width: 68%;
}

.narrow .em-holder {
	width: 100%;
}

.wide .sm-att {
	width: 29%;
	float: right;
}

.narrow .sm-att {
	margin-top: 10px;
	width: 100%;
	float: left;
	.attachments {
		float: left;
	}
}
/*край на стилове за прикачени файлове*/


/*стилове за responsive дизайн на вградени ресурси*/
.embedded-holder {
	img {
		max-width: 100%;
		height: auto;
	}

	.embedded {
		position: relative;
		padding-bottom: 56.25%;
		embed, object, iframe, > a > img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			max-width: 100% !important;
		}
	}
	.orig {
		margin-top: 5px;
	}
}

.narrow .mejs-container {
	width: 100% !important;
	height: auto !important;
	padding-top: 57%;
}

.narrow .mejs-time {
	font-size: 10px !important;
}

.narrow .imageProcesing {
	width: 100%;
	height: auto;
}
.wide .video-rec {
	.recordImage, .recordImage img {
		width: 260px;
		height: 210px;
	}
}

.narrow .video-rec {
	display: block;
	max-width: 450px;
	tr, td, tbody {
		display: block;
	}
	img {
		max-width: 450px;
		width: 100%;
		height: auto;
	}
	.recordImage {
		min-height: 250px;
	}
}

.recordImage {
	min-height:211px;
	text-align:center;
	vertical-align:top;
	background-color:#e8e8e8;
}

.narrow .mejs-overlay, .narrow  .mejs-poster {
	width: 100% !important;
	height: 100% !important;
}
.narrow .mejs-mediaelement video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100% !important;
	height: 100% !important;
}

/*край на стилове за responsive дизайн на вградени ресурси*/


/*стилове за календара в портала*/
table.mc-calendar {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 0.8em;
	td.mc-day {
		width: 13%;
		text-align: right;
		border: none;
		background-color: rgba(200,200,200, 0.2);
		border: solid 2px #e8efe8;
		padding: 1px;
		font-weight: bold;
		cursor: pointer;
		white-space: nowrap;
		&:hover {
		    background-color: rgba(0,0,0,0.3);
		}
    }
	td.mc-week-nb {
		border: none;
		padding: 3px;
		width:8%;
	}
	td.mc-wd-name {
		text-align: right;
		padding-right: 3px;
    }
    td.mc-sunday {
		color: #006030;
    }
	td.mc-saturday {
	    color: #006030;
	}
	td.mc-today {
	    border: solid 2px red;
	}
	td.mc-holiday {
        color: red;
    }
}
.wide .portal-cal-day {
	font-size: 0.95em;
}

.portal-cal-day {
	color:#5f1f3e;
    padding-top:3px;
    padding-left:3px;
	border-top: 1px solid #ccc;
	&:first-child {
		border-top: none !important;
	}
	.title {
		padding-top: 1px;
		padding: 2px;
		display: block;
		white-space: nowrap;
		&.workday {
			color: #222;
		}
		&.holiday {
			color: red;
		}
		&.sunday {
			color: green;
		}
		&.saturday {
			color: #006030;
		}
	}

	.progress {
		float: right;
		display: inline-block;
		padding-left: 5px;
	}
	.threadSubTitle {
		display: inline-block;
		clear: both;
		font-size: 0.9em;
	}
	.subTitle {
		padding: 4px;
		small {
			padding-left: 7px;
		}
	}
	&.portal-cal-today {
		background-color: rgba(225, 251, 162, 1);
	}
	&.portal-cal-tomorrow{
		background-color: rgba(225, 251, 162, 0.66);
	}
	&.portal-cal-nextday {
		background-color:rgba(225, 251, 162, 0.33);
	}
	&.portal-cal-after {
		background-color:rgba(225, 251, 162, 0.0);
	}
}
.portal.newCalendar {
	.mc-calendar {
		margin: 10px 0;
	}
	.threadSubTitle {
		padding: 2px;
		display: inline-block;
		margin-left: 10px;
		font-size: 0.9em;
	}
}

table.mc-header a {
  color: #999;
}
/*край на стиловете за календара в портала*/

.narrow .leftCol.wrapText {
	min-width: 260px;
}
.portal-select {
    border: none;
    position: relative;
    top: 0px;
    color: #333333;
    border: none;
    background: none;
    top: -1px;
    box-shadow: none;
    font-size: 0.95em;
	line-height: 1em;
	height: 1.4em;
    &:focus, &:hover {
        outline: none;
        box-shadow: none;
        background: none;
    }
}
.transparentSelect {
	&.no-border-select {
		border: none !important;
		box-shadow: none !important;
	}
}

@-moz-document url-prefix(){
	.portal-select {
	    color: transparent;
	    text-shadow: 0 0 0 #000;
	}
}
/*край на стилове за селекта на календара в портала*/


/*край на стилове за селекта на календара в портала*/




/*Стилове за счетоводството*/
.legalscript {
	h1 {
		margin-bottom: 0.5em;
	}
	.header span {
		background-repeat: no-repeat;
		padding-left: 23px;
	}
}

.wide .level-1 td {
	background-color: #008;
	color: #fff;
	font-weight: bold;
	a {
		color: #fff;
	}
}

.wide .level-2 td {
	background-color: #fc6;
	color: #333;
}

.wide .level-3 td, .wide .level-4 td, .wide .level-5 td {
	background-color: #fff;
}

.wide .internal-amount, .wide .fleft-special {
	margin-left: 60px;
}

.narrow .internal-amount, .narrow .fleft-special {
	margin-top:15px;
}
/*край на стилове за счетоводството*/


/*стилове за палети*/
.pallet-table {
	clear: left;
	border-collapse: separate;
	border-spacing: 1px;
}

input.inplace {
	border: none;
	background-color: $beige;
	.number {
		text-align: right;
	}
}

td.pallet_place {
    font-size: 14px;
    text-align: center;
    width: 32px;
    color: #999999;
    background: $gray1;
	&.outofuse {
	    text-decoration: line-through;
	    color: #333;
	}
	&.reserved {
	    color: #b80000;;
	    background: $gray1;
	}
	&.in_use {
	    background: #00ff55;
	    font-weight: bold;
	}
	&.movement_waiting {
	    background: #00dd55;
	}
	&.movement_active {
	    background: #00dd55;
	    text-decoration: blink;
	}
	&.out_of_filter {
	    background: #777777 !important;
	}
}

td.constrColumnRight {
    border-right: solid 3px #777 !important;
}

td.constrColumnLeft {
    border-left: solid 3px #777 !important;
}
/*край на стилове за палети*/


/*стилове за нотификация*/
#notificationsCnt {
	position: absolute;
	margin-left: 30px;
	float: right;
}

.narrow #notificationsCnt {
	margin-left: 0;
	margin-right: 5px;
	right: 10px;
	float: none;
	display: inline-block;
}

#notificationsCnt a {
	display: block;
	color: white;
	font-size: 0.9em;
	padding: 1px 2px 1px 2px;
	@include border-radius(3px);
	@include shadow(2px,2px,3px,#666);
}

.narrow #notificationsCnt a {
	font-size: 0.8em;
	padding: 1px 3px 1px 3px;
	@include shadow(3px,3px,5px,#aaa);
}

#notificationsCnt a.haveNtf {
	background-color: red;
	border: solid 1px #c33;
}

#notificationsCnt a.noNtf {
    color: $gray3;
	background-color: transparent;
	border: none;
	@include no-shadow();
}

.narrow #notificationsCnt a.noNtf {
	color: #fff;
	background-color: $gray4;
	border: solid 1px #999;
}
/*край на стилове за нотификация*/


/*стилове за история и автор*/
.profile-summary {
	margin-bottom: 0;
	text-decoration: none;
	div {
		white-space: nowrap;
		padding-right: 5px;
		span{
			display: block;
			margin-bottom: 2px;
		}
        .timeSpan {
            display: inline-block;

        }
	}
}

ul.history {
	padding: 0;
	margin: 0;
	list-style: none;
	&.summary {
		font-size: 0.75em;
		margin: 0 auto;
		display: table;
        min-width: 70px;
		li span {
			color: #333;
		}
	}
	li {
		margin: 5px 0;
		padding: 2px 0;
		line-height: 1.2;
	}
	b {
		color: white;
		padding: 1px 3px;
		@include border-radius(3px);
		display: inline;
		font-size: 1.2em;
		font-weight: bold;
		margin-right:3px;
	}
	.action {
		&.send b {
			background-color: green;
		}
		&._received b {
			background-color: blue;
			color: white;
		}
		&._returned b {
			background-color: red !important;
			color: white;
		}
		&.print b {
			background-color: #777;
		}
		&.open b {
			background-color: #ccc;
			color: #333;
		}
		&.download b {
			background-color: purple;
		}
		&.pdf b {
			background-color:$quiet-gray;
			color: #fff;
		}
        &.link b {
            background-color: #999;
            color: #fff;
        }
		&.changed b {
			background-color: #600;
		}
		&.forward b {
			background-color: #900;
		}
		&.fax b {
			background-color: #050;
		}
		&.used b {
			background-color: #F99;
		}
		&.act b {
            background-color: #aaa;
        }
        &.export b {
			background-color: #37f;
		}
		&.expenseSummary b {
			background-color: orange;
		}
		&.archiveSummary b {
			background-color: #796b5c;
		}
	}
	.detailed b {
		background-color: #ccc;
	}
	a{
		white-space:nowrap;
	}
}

.narrow ul.history {
	white-space: nowrap;
	display: inline-block;
	min-width: 0 !important;
	li {
		line-height: 1.2;
		display: inline-block;
		margin-right: 7px;
	}
	b {
		padding-top:3px;
	}
}

.narrow ul.history.summary li span {
	display: block;
	padding-top: 4px;
	font-size: 0.8em;
}

div.sharing-history {
	border: none;
	border-top: 1px solid #ccc;
	padding: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	position: relative;
	color: #555;
	font-size: 0.9em;
	clear: both;
	padding-right: 120px;
	.timespan {
		font-size: 0.9em;
	}
}

div.change-log {
	border: none;
	border-top: 1px solid #ccc;
	padding: 5px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	position: relative;
	color: #555;
	font-size: 0.9em;
	clear: both;
}

span.sharing-history-title {
	padding: 2px 5px;
	padding-left: 23px;
	background: $gray1 url(../img/share3.png) no-repeat 3px center;
	position: absolute;
	display: block;
	top: 0;
	right : 0;
	border: 1px solid #ccc;
	border-top: none;
	color: #777;

}

.narrow span.sharing-history-title {
	font-size: 14px;
}

fieldset.sharing-history {
	ul {
		margin: 0;
		padding: 0;
		list-style-position: inside;
		.user {
			color: #333;
		}
		li.seen {
			list-style-type: disc;
			color: green;
		}
		li.unseen {
			list-style-type: circle;
			color: red;
		}
	}
	i {
		color: $quiet-gray;
		font-size: 0.9em;
	}
}
/*край на стилове за история и автор*/

/*борса*/
.auctionContent {
	padding: 0 30px 10px;
	.productName {
		font-size: 1.3em;
		line-height: 150%;
	}
	.listTable {
		margin-top: 20px;
		width: 100%;
		> tbody > tr > td {
			padding: 10px !important;
			vertical-align: top !important;
			table {
				width: 300px;
				margin: 0 auto;
				td {
					padding: 4px 5px 0;
				}
				th {
					color: #444;
					padding-bottom: 5px;
					border-bottom: 1px solid #ccc;
				}
				.name {
					text-align: right !important;
					width: 1%;
					padding-right: 20px;
				}
				.quantityField {
					text-align: right;
				}

			}
		}
		.priceInfo {
			color: green !important;
		}
		.button {
			width: 100px;
			color: #333 !important;
			padding: 5px 20px;
			font-size: 0.85em;
			background-color: #f6f6f6 !important;
			border: 1px solid #bbbbbb;
			border-radius: 3px;
			box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
			margin: 10px auto 0;
			&:hover {
				background-color: #ddd !important;
			}
		}
	}
	.periodHead {
		color: #495057;
		background-color: #e9ecef;
		border-color: #c7ced5;
		padding: 5px 10px;
		font-weight: bold;
	}

	.priceBlock {
		float: right;
	}
	h4 {
		margin-top: 40px;
	}
	.otherProduct {
		li {
			margin: 10px 0;
			a:hover {
				text-decoration: underline;
			}
		}
	}
	.state-draft {
		background-color: #bbffff;
	}
	.state-active {
		background-color: #ffeedd;
	}
	.newsCol {
		background: #fff;
	}
	#prodDesc {
		display: inline-block;
		min-width: 800px;
		.productPreviewHolder {
			margin-left: 30px;
		}

	}
}

/* CMS */
/*външни стилове за ширина*/

.externalPage {
	font-family:Verdana,Helvetica,Arial,Sans-serif;
}

.wide .externalPage {
	font-size: 16px;
	font-size: unquote("calc(16px +  min(4px, max(0px, (20 - 16) * (calc(100vw - 800px) / (1900 - 800)))))"); 
}

.narrow  .externalPage #cmsTop {
	background-color: white;
}

.headerImg {
	float: left;
}

.wide .headerImg {
	width: 100%;
    max-height: 450px;
}

.narrow .headerImg {
	max-width:360px;
	width: auto;
    height:auto;
	max-height: 90px;
	float:left;
}

.narrow .externalPage .headerImg {
	max-width: none;
}

.narrow .externalPage {
	position: relative;
}

.externalPage #maincontent {
	clear:both;
    background-color:white;
}

.externalPage #maincontent .richtext a:hover, .externalPage #maincontent .richtext a:visited:hover {
	color: #ee7700 !important;
}

.narrow .externalPage .vertical .formTable{
    padding: 5px;
}

.filterForm #filter {
	padding-left: 20px !important;
}

/*край на външни стилове за ширина*/
.background-holder {
	padding: 0;
}

.narrow .background-holder {
	background-color: black;
}

#cmsTop {
	position: relative;
}

#cmsTop,  #cmsTop img{
	display: block;
}

.wide #all, .wide #all #cmsTop, .wide #all #cmsTop img {
	border-radius: 10px 10px 0 0;
}

#cmsMenu {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	&:after {
		content: '';
		display: block;
		clear: both;
	}
}

.loginIcon, .langIcon {
	float: right !important;
}

.narrow #cmsMenu a.loginIcon, .narrow #cmsMenu a.langIcon {
	margin-right: 4px !important;
	margin-left: 1px !important;
}

.wide #cmsMenu{
	min-width: 500px;
}

.narrow #cmsMenu a {
	margin-left: 5px !important;
}

#cmsMenu a {
	font-size: 1.12em;
	padding: 4px;
    margin:2px 20px 2px 10px;
    line-height:normal;
    white-space: nowrap;
	display: block;
	float: left;
	@include border-radius(5px);
}

#cmsMenu a img{
	height: 1.12em;
	min-height:16px;
	position: relative;
	vertical-align: bottom;
}

#cmsTop,#cmsBottom,#cmsTop.a,#cmsBottom.a {
	display: block;
	overflow: hidden;
}

#cmsBottom {
	clear:both;
	padding: 0;
	display: block;
	min-height: 38px;
	position: relative;
}

.wide #cmsBottom{
	min-width: 500px;
	_height: 1%;
}

.narrow #cmsBottom {
	min-height:36px;
}

.footer-links {
	padding-top: 5px;
	display: block;
	text-align: center;
	margin-top: 7px;
	color: #fff !important;
	text-shadow: 0px 0px 2px #000;
	font-size: 0.75em;
	a {
		text-shadow: 0px 0px 2px #000;
		display: inline-block;
		margin: 0 5px;
		&:hover {
			text-decoration: underline;
		}
	}

}

.additionalFooter {
	font-size: 0.95em;
	padding: 10px 2px;
	.footer-links {
		margin: 0 !important;
		text-shadow: none;
		a {
			text-shadow: none;
		}
	}
}

.foorterAdd {
	color: #ccc;
	font-size: 0.65em !important;
}

.wide .foorterAdd {
	position: absolute;
	padding-bottom:4px;
	right: 5px;
	top: 4px;
}
.narrow .foorterAdd {
	float: right;
	margin-top: 4px;
}
.wide .socialBtns {
	position: absolute;
	left: 1px;
	top: 1px;
	height: 30px;
}
#all {
	border: solid 1px #777;
	border-bottom: solid 1px #000;
	max-width: 80em;
	display: block;
	margin: 0 auto;
}

#all .filemanSingle {
	padding: 20px;
}
.centerContent .filemanSingle {
	padding: 20px 0;
}
#fileDetail {
	.webdrvFieldset {
		position: relative;
	}

	&:hover .prevLink, &:hover .nextLink{
		opacity: 0.6;
	}
	div.alphabet div.tab-page {
		padding-top: 0 !important;
	}
	.row-holder {
		position: relative;
		top: 12px;
		padding-left: 10px;
	}
}

.linkWithIcon.nextLink, .linkWithIcon.prevLink {
	padding-left: 0 !important;
	position: absolute;
	height: 48px;
	width: 48px;
	top: 50%;
	margin-top: -24px;
	background-size: 48px;
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
	z-index: 100;
}

.narrow .nextLink{
 	right: 5px;
}
.narrow .prevLink {
	left: 5px;
}

.narrow .nextLink, .narrow .prevLink {
	background-size: 36px;
	background-position: center;
	margin-top: -18px;
	opacity: 0.6;
	width: 38px;
	height: 38px;
}
.narrow #fileDetail .row-holder {
	top: 17px;
}
.prevLink {
	left: 20px;
}
.nextLink {
	right: 20px;
}
.filemanSingle {
	.webdrvTabBody, .webdrvFieldset {
		width: 100% !important;
		box-sizing: border-box;
	}
	.filePath {
		margin-left: 5px;
	}
}

.wide #all {
	min-width: 500px;
}

.narrow #all {
	margin: 0 auto;
}

#all img {
	max-width: 100%;
	height: auto;
}

.narrow .externalPage #maincontent {
	padding: 2px 5px 5px;
	position: relative;
}

.wide .externalPage .formTable{
    margin: 20px;
}

.wide #login-form{
	padding:40px;
	.button {
		padding: 5px 7px !important;
		font-size: 1.0em;
	}
}

.wide #login-form .formTable {
	margin: 0;
}

.narrow #login-form .button {
	margin-top: 7px;
}

.wide .eprod-form {
	display: table-row;
	.drawing, .vertical {
		display: table-cell;
		vertical-align: top;
	}
}

.wide .drawing img {
	max-width: 380px;
	padding-top: 30px;
}

.narrow .drawing img{
	width: 100%;
	max-width: 460px !important;
}

.externalPage .formTable .formTitle a {
	color: #ddd !important;
}

/* стилове за външната част при потребител контрактор */
.logoutBlock {
    position: absolute;
    right: 0px;
    top: 0px;
    background: #ccc;
    background: rgba(0,0,0,0.2);
	border: 1px solid #bbb;
	border-top: none;
    border-radius: 0 0 0 5px;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
    a, span.linkWithIcon  {
        color: #333 !important;
        padding: 5px 5px 3px;
        display:inline-block;
		border-top: 3px solid transparent;
        &:hover {
            opacity: 0.7;
        }
		&.selected-external-tab {
			color: #000 !important;
		}
    }
}

.narrow .logoutBlock {
	background: #BABACB;
	position: absolute;
	right: 0px;
	top: 0px;
}

.cmsTopContractor {
    position: relative;
	.app-name {
		font-size: 4.5em !important;
		left: 2% !important;
	}
}

.cart-view-buttons-left {
	float: left;
	margin-top: 8px;
}
.cart-view-buttons-right {
	text-align: center;
	margin-top: 8px;
	input {
		margin-right: 0;
	}
}
.narrow .cart-view-buttons-left {
	float: none;
	clear: both;
}

.wide .cartInfoBlock {
	width: 26%;
	float: left;
	margin-left: 2%;
	td {
		vertical-align: top;
		&.cardValue {
			white-space: normal;
			word-break: break-word;
		}
	}
	.aright {
		padding-right: 5px;
	}
}

.narrow .order-info td {
	vertical-align: top !important;
}
.cart-view-buttons-top {
	margin: 10px 0;
	span {
		display: inline-block;
		margin: 0 10px;
		color: #666;
	}
	a {
		display: inline-block;
		margin-bottom: 10px;
		font-size: 1.05em;
		padding-left: 22px !important;
	}
}

.paramsTable td {
	padding: 1px 5px;
	color: #333333;
	font-family: sans-serif;
	line-height: 1.4em;
}

.wide .cartHolder {
	float: left;
	width: 72%;
}

.eshop-link {
	font-size: 16px;
	font-weight: normal;
	display: inline-block;
}
.eshopNearProductImageHolder {
	list-style: none;
	padding-left: 0;
	li {
		float: left;
		display: inline-block;
		width: 90px;
		height: 90px;
		margin-right: 20px;
		text-align: center;
		margin-bottom: 20px;
		border-radius: 3px;
		&:hover img {
			box-shadow: 0 0 5px rgba(0,0,0,0.8);
		}
		img {
			max-height: 90px;
			max-width: 90px;
			width: auto;
			padding: 4px;
			border-radius: 3px;
		}
	}
}

.eshop_ProductDetails .listTable {
	min-width: 800px;
}

.order-info {
	background-color: #f1f1f1;
	border: 1px solid #ccc ;
	color: #222;
	padding: 10px;
	font-size: 0.9em;
}

.narrow .order-info {
	margin-bottom: 10px;
}

.toolbar .eshop-link {
	margin-top: 15px;
	margin-right: 20px;
}

.narrow .eshop-name {
	margin: 20px 0 10px;
}

.half-width {
	display: inline-block;
	max-width: 50%;
	h4 {
		margin-top: 0;
	}
}

.narrow .half-width {
	float: none !important;
	width: 100%;
	max-width: 100%;
	margin: 5px 0 10px;
}

#cart-external-status a:hover {
	opacity: 1 !important;
}

#cart-external-status .cardLink{
	font-weight: bold;
	&:hover {
		opacity: 0.7;
	}
}

#cart-external-status .count {
	border: 1px solid #526b00;
	background-color: #698900;
	color: #fff;
	width: 14px;
	height: 14px;
	font-size: 0.7em;
	line-height: 13px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	position: relative;
	margin-left: 2px;
	top: -6px;
	padding: 2px 2px 1px;
    a {
        padding-top: 5px;
    }
}

.eshop-product>table {
   width:100%;
}
.subgroups {
	.eshop-group-button {
		margin-right: 1%;
		margin-left: 1%;
		width: 48%;
		.eshop-group-button-title a {
			color: #444;
		}
	}
}
.optionsTable {
	color: #222;
	min-width: 320px;
	width: 100%;
    font-size: 0.9em;
	th {
		text-align: center;
		padding: 7px 5px;
		border-top: 1px solid #ccc;
	}
	td {
		padding: 10px;
		height: 30px;
	}
	tbody tr {
		background: linear-gradient(white, white, white, white, white, white, #eee);
	}
  	thead tr:first-child {
		background-color: #F1F1F1;
	}
	tbody tr:last-child td {
		border-bottom: 1px solid #ccc;
	}
	.option-table-info {
		font-size: 0.9em;
		color: #444;
	}
	.paramCol {
		white-space: nowrap;
	}
}

.narrow .optionsTable .productCol {
	white-space: nowrap;
}

.eshop-product-buy-button {
	margin-top: 3px;
	.productBtn {
		margin-right: 0 !important;
	}
}

.external-discount {
	color: #333;
	font-size: 0.8em;
}

.external-discount-amount {
	text-decoration: line-through;
	display: inline-block;
}

.eshop-discounted-price {
	color:#c00;
}

.eshop-product-list .external-discount {
	margin-left: 10px;
}

.option-not-in-stock {
	background-color: rgba(230,0,0,0.8) !important;
	text-shadow: none !important;
	color: #fff;
	border-radius: 5px !important;
	padding: 4px;
	font-size: 0.7em !important;
	background-color: #e6e6e6;
	border: solid 1px #d8d8d8;
	text-shadow: 1px 1px 1px #cccccc;
	display: inline-block;
	margin-top: 3px;
	text-align: center;
	position: relative;
	top: -2px;
	&.waitingDelivery {
		background-color: rgba(41, 86, 222, 0.8) !important;
	}

	&.inStockInRemoteStore {
		background-color: rgba(114, 71, 140, 1) !important;
	}

	&.saleSoon {
		background-color: rgba(241, 223, 11, 0.9) !important;
		color:black !important;
	}

	&.saleDebug {
		background-color: rgb(168, 243, 180, 0.9)  !important;
		color:black !important;
	}
}
.eshop-product-list-param {
	font-size: 0.85em;
	color: #333;

}

.small .colorBox {
	width: 12px !important;
	height: 12px !important;
}

.external-discount-percent {
	display: inline-block;
}

.btnUp, .btnDown {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 22px;
	height: 25px;
	border: 1px solid #ccc;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
	background-color: #f1f1f1;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	&:hover {
		background-color: #007dc1;
		color: #fff;
	}
}
.narrow .btnUp, .narrow .btnDown{
	width: 27px;
	height: 27px;
}
.btnUp {
	padding-right: 2px;
	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	border-left: none;
}

.btnDown {
	padding-left: 2px;
	border-bottom-left-radius: 12px;
	border-top-left-radius: 12px;
	border-right: none;
}

.summary-holder {
	text-align: left;
	table {
		width: 100%;
		td {
			padding: 3px 10px;
		}
	}
	&.borderTop{
		padding-top: 10px;
		margin-top: 10px;
		border-top: 1px solid #ccc;
	}
}
.narrow .summary-holder  table {
	float: right;
	width: auto;
}

.textInfo {
	margin-top: 10px;
	display: inline-block;
	line-height: 1.5em;
	color: #222;
	font-size: 0.9em;
	.richtext-holder .richtext {
		color: #222 !important;
	}
	div.attention {
		font-weight: bold;
		margin-top: 15px;
	}
	div {
		margin-top: 5px;
	}
}
.narrow .textInfo {
	padding: 0px 0 10px ;
	text-align: left;
	.richtext {
		font-size: 1em;
	}
}
.wide .infoBlock {
	margin-top: 20px;
}

.narrow .infoBlock {
	margin: 10px 0 20px;
	font-size: 0.9em;
}
.richtext-holder {
	.richtext {
		display: inline;
		color: #000;
		line-height: 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
	}
}
.order-info .richtext {
	font-size: 1em;
	color: #222;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.remove-from-cart:hover {
	cursor: pointer;
}

.cart-holder-external {
	padding: 20px 20px 20px;
}

.narrow .cart-holder-external {
	padding: 12px 7px 0px;
}

.quantity-input-column {
	text-align: center;
	span {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	input {
		text-align: right;
		height: 27px;
		padding: 2px 5px 2px 0;
		border: 1px solid #cccccc;
		border-radius: 3px;
		border-radius: 0;
		min-width: 34px;
		&.inputError {
			border-color: red;
		}
	}
}

.end-price {
	font-weight: bold;
}

.narrow .quantity-input-column input {
	height: 29px;
}

.narrow .optionsTable {
	min-width: 320px;
	margin-top: 15px;
	td {
		padding: 4px 10px;
	}
}

.path {
	font-size: 0.9em;
	& a:hover {
		text-decoration: underline;
		color: #048 !important;
	}
	span {
		color: #888;
	}
}

table .eshop-btn {
	margin-right: 0 !important;
}
.eshop-btn {
	background-position-x: 5px;
	padding: 6px 10px 6px 26px!important;
	color: #333 !important;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
	background-color: #f6f6f6 !important;
	&:hover{
		background-color: #eee !important;
	}
	&:disabled {
		background-color: #bbb !important;
		color: #737373 !important;
	    padding: 10px 20px !important;
	    font-size: 1.2em !important;
	}
}


.productBtn {
	padding: 4px 8px 5px 25px !important;
	font-size: 0.8em;
	font-family: Arial, sans-serif;
	color: #333 !important;
	display: inline-block;
	background-color: #f6f6f6 !important;
	border: 1px solid #bbbbbb;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 1px rgba(0, 0, 0, 0.1), inset 0 -10px 20px rgba(0, 0, 0, 0.1);
	margin: 0 10px 0 0 !important;
	position: relative;
	top: -1px;

	&:hover {
		background-color: #eee !important;
	}
}
.narrow .productBtn {
	margin-right: 5px !important;
}

.narrow .eshop-btn.addToCard, .narrow .productBtn.addToCard {
	background-image: url("../img/32/cart_go.png") !important;
	background-size: 16px;
	background-position: 3px center;
	background-repeat: no-repeat;
	margin: 0 0px 5px 5px !important;
	padding: 4px 8px 5px 25px !important;
	top: -1px !important;
	position: relative;
	border: 1px solid #bbb !important;
}

.order-btn {
	color: #fff !important;
	text-shadow: 1px 1px 0 #333;
	padding: 10px 20px !important;
	font-size: 1.2em !important;
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	&:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
		background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
		background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
		background-color:#0061a7;
	}
	&.eshop-errorBtn {
		-moz-box-shadow:inset 0px 1px 0px 0px #ef6145;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ef6145;
		box-shadow:inset 0px 1px 0px 0px #ef6145;
		background: #f44829;
		background: -moz-linear-gradient(top,  #f44829 0%, #ea2727 100%);
		background: -webkit-linear-gradient(top,  #f44829 0%,#ea2727 100%);
		background: linear-gradient(to bottom,  #f44829 0%,#ea2727 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f44829', endColorstr='#ea2727',GradientType=0 );
		&:hover {
			background: #ea2727; /* Old browsers */
			background: -moz-linear-gradient(top,  #ea2727 0%, #f44829 100%);
			background: -webkit-linear-gradient(top,  #ea2727 0%,#f44829 100%);
			background: linear-gradient(to bottom,  #ea2727 0%,#f44829 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea2727', endColorstr='#f44829',GradientType=0 );
		}
	}
}
.cartErrorRow {
	color: red !important;
	span, div {
		color: red !important;
	}
}
.narrow .eshop-btn {
	padding-left: 10px !important;
	&.order-btn {
		clear: both;
		padding-left: 20px !important;
		margin: 10px 0;
	}
}

.narrow .cart-view-buttons-top span {
	margin: 0 3px;
}

.narrow .cart-view-buttons-top a {
	font-size: 0.95em;
}

.tab span.tab-title {
	color: #999;
}

.foldertabs {
    > .tab-row {
        overflow: hidden;
        width: 100%;
        padding: 0;
		margin-left: 20px;
        list-style: none;
    }

    > .tab-row > .row-holder .tab {
        float: left;
        z-index: auto !important;
		margin: 1px 0 -1px 2px !important;
        padding: 0 !important;
        border-top: 1px solid #ccc !important;
    }

	> .tab-row > .row-holder .tab >  .tab-title {

        position: relative;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd);
        padding: .4em 1.5em;
        margin-left: -1px;
        float: left;
        text-decoration: none;
        color: #444;
        text-shadow: 0 1px 0 rgba(255,255,255,.8);
        border-radius: 5px 0 0 0;
        box-shadow: 0 2px 2px rgba(0,0,0,.4);
    }
	> .tab-row > .row-holder .tab >  span.tab-title {
        color: #ccc;
    }
	> .tab-row > .row-holder .tab >  .tab-title:hover,
	> .tab-row > .row-holder .tab >  .tab-title:hover::after,
	> .tab-row > .row-holder .tab >  .tab-title:focus,
	> .tab-row > .row-holder .tab >  .tab-title:focus::after {
        background: #fff;
    }

	> .tab-row > .row-holder .tab >  .tab-title:focus {
        outline: 0;
    }

	> .tab-row > .row-holder .tab >  .tab-title::after {
        content:'';
        position:absolute;
        z-index: 1;
        top: 0;
        right: -.3em;
        bottom: 0;
        width: 1em;
        background: #ddd;
        background-image: linear-gradient(to bottom, #fff, #ddd);
        box-shadow: 2px 1px 2px rgba(0,0,0,.4);
        transform: skew(15deg);
        border-radius: 0 5px 0 0;
    }


	> .tab-row > .row-holder .tab.selected .tab-title,
	> .tab-row > .row-holder .tab.selected .tab-title::after {
        background: #fff !important;
        z-index: 3;
    }
	> .tab-row > .row-holder .tab:hover .tab-title,
	> .tab-row > .row-holder .tab:hover .tab-title::after {
        background: #fff;
        z-index: 4;
    }
    > .tab-page  {
        background: #fff;
        border-radius: 0 !important;
        z-index: 2;
        border: none !important;
        top: 0 !important;
        box-shadow: 0 -2px 3px -3px rgba(0, 0, 0, .3);
    }
}

.narrow .foldertabs>.tab-row>.row-holder .tab>.tab-title {
	padding: 0.5em 0.8em 0.5em 0.7em;
}
.narrow .foldertabs {
	padding-top: 10px;
	>.tab-row {
		margin-left: 10px;
	}
	.row-holder {
		padding-right: 20px;
	}
}

.logoutBlock {
	padding: 0 3px;
}
#notificationCountStatus {
	margin-right: 5px;
	&.noNtf {
		display: none;
	}
	a.selected-external-tab {
		border-top: none !important;
	}
	a {
		padding:2px;
		color: white !important;
		background-color: rgba(250,56,55,.75);
		border: 1px solid #f92f2e !important;
		box-shadow: 0 1px 2px 0 #f99;
		border-radius: 3px;
		font-size: 0.75em;
		position: relative;
		top: -3px
	}

}
.contractorExtHolder {
    padding: 10px;
	.deal-history-tab .tab {
		margin: 0 5px 0 0  !important;
	}
	.textWithIcons span:not(.highlight) {
		top: 0px !important;
		img {
			top: -2px;
			position: relative;
		}
	}
	.noNtf {
		display: none;
	}
	.haveNtf {
		background-color: rgba(250,56,55,.75);
		border: 1px solid #f92f2e !important;
		box-shadow: 0 1px 2px 0 #f99;
		color: white !important;
		text-shadow: none;
		border-radius: 3px;
		font-size: 0.8em;
		padding-right: 1px;
		padding-left: 1px;
	}
	.select2-container .select2-selection--single .select2-selection__rendered,.select2-container .select2-selection--single {
		height: 32px;
		line-height: 30px;
	}
	a.button, input[type="button"], input[type="submit"], button {
		background-position: 4px center !important;
		background-repeat: no-repeat !important;
		background-color: #dddddd;
		border: 1px solid #bbbbbb !important;
		-moz-border-radius: 3px !important;
		-webkit-border-radius: 3px !important;
		border-radius: 3px !important;
		color: #333333;
		font-family: arial;
		font-weight: bold;
		text-decoration: none;
		border-right: 1px solid #dfdfdf;
		border-bottom: 1px solid #b4b4b4;
		border-right: 1px solid #dfdfdf;
		-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
		box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.8);
		text-shadow: 0 1px 0px #f1f1f1;
		height: 31px;
		box-sizing: border-box;
		&:hover {
			background-color: #e5e5e5;
			&.btn-disabled {
				background-color: #dddddd;
			}
		}
	}
	select, input, textarea, .chzn-container-single .chzn-single, .chzn-container-active .chzn-single, .chzn-container-active .chzn-single-with-drop, .staticFormView .formFieldValue, div.richEdit div.richedit-toolbar  {
			border-color: #bbb;
			-moz-border-radius: 2px !important;
			-webkit-border-radius: 2px !important;
			border-radius: 2px !important;
			-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);
			box-shadow: inset 0 1px 1px rgba(0, 0, 0, .08);

		&.inputError {
			border-color: red;
		}
	}
	.select2-container--default .select2-selection--single, .select2-dropdown, .select2-container--default .select2-selection--multiple {
		border: solid 1px #bbb;
		border-radius: 2px;
	}
	.vertical .formTitle a {
		color: #ccc !important;
		&:hover {
			color: #fff !important;
		}
	}
	.vertical form[method=post] input[type=submit], form[method=post] input:first-child[type=submit] {
		text-shadow: none;
	}
	.toolbar-btn{
		max-width: 16px !important;
	}
	.formGroup a {
		color: #98a2ab;
		&:hover {
			color: #637e98 !important;
		}
	}
}
.narrow .contractorExtHolder {
	padding: 10px 0px;
	input[type="button"], input[type="submit"], button, a.button {
		padding-left: 5px !important;
	}
}
.narrow #login-form {
	max-width:17em !important;
	margin:20px auto;
	input[type='text'], input[type='password']{
       font-size:20px;
    }
    input[type='submit']{
        font-size: 16px;
    }
	.formSection {
		padding:0 5px;
	}
	.formToolbar {
		padding:3px 8px !important;
	}
}

#cmsNavigation div.nav_item {
	padding: 1px;
	line-height: normal;
	font-family: Trebuchet MS, Geneva, Tahoma, sans-serif;
	display: block;
	clear: both;
	margin-bottom: 3px;
}

#cmsNavigation a {
	@include border-radius(3px);
	padding: 1px 4px;
	border: 1px solid transparent;
	display: inline-block;
}

#cmsNavigation.articles-menu .nav_item {
	a, span {
		float: left;
		border: 1px solid transparent;
	}
	&:after {
	    content: '';
	    display: block;
	    clear: both;
	}
}

#cmsNavigation a.linkWithIcon {
    display: inline-block;
    height: 21px;
    margin-left: 5px;
    background-position: center !important;
}

#cmsNavigation .navWithIcon.lastOrderedLink a.linkWithIcon {
	height: auto !important;
	background-position: 5px 5px !important;
}
.narrow #cmsNavigation a.linkWithIcon {
	float: right;
}

#cmsNavigation form {
	display: inline-block;;
	float: left;
}

#cmsNavigation .level1 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 2px;
	&.noRoot {
		font-weight: normal;
	}
}

#cmsNavigation div:first-child {
	margin-top: 0 !important;
}

#cmsNavigation .level2 {
	margin-top: 0;
	margin-bottom: 2px;
	font-size: 15px;
	margin-left: 10px;
}

#cmsNavigation .level3 {
	margin-left: 20px;
}

#cmsNavigation .level4 {
	margin-left: 40px;
}

#cmsNavigation .level5 {
	margin-left: 60px;
}

#cmsNavigation div.nav_item {
    font-size:1em;
}
#cmsNavigation .addPage {
	clear: both;
	padding:2px;
	border:solid 1px #ccc;
	background-color:#eee;
	margin:5px 0;
	font-size:0.7em;
}
.productsHolder {
	padding: 5px;
}
.productBox {
	text-align: center;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 1px 5px -1px rgba(0,0,0,.3);
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	&:hover {
		-webkit-transform: scale(1.15);
		transform: scale(1.15);
		a {
			background-size: 4px 50px;
			color: #fff !important;
		}
	}
	.productImage {
		width: 100%;
		height: 180px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 10px;

		img {
			max-width: 180px;
			height: auto;
		}

	}
	.productName {
		background: linear-gradient( to bottom, #334 0%, #334 100% );
		background-position: 0 100%;
		background-repeat: repeat-x;
		background-size: 0px 0px;
		color: #000;
		text-decoration: none;
		-webkit-transition: all .2s;
		transition: all .2s;
		padding: 0 2px;
	}
}
.smallThumbs {
	.productImage {
		height: 120px;
		overflow: hidden;
		img {
			max-width: 110px;
			height: auto;
		}
	}
	.productName {
		font-size: 0.9rem !important;
	}
}
.narrow .results ul {
	padding-left: 0;
}

.searchResult {
	width: 100%;
	td{
		vertical-align: middle;
		padding:5px;
	}
	.searchImg {
		width: 70px;
		text-align: center;
	}
}

.narrow .searchResult td{
	padding: 0 2px 2px;
}
.narrow .articles-navigation {
	background-color: #ccc;
	padding: 5px;
	border: solid 1px #aaa;
	clear: both;
	margin-bottom: 5px

}


.narrow .cms-row {
	padding-top: 20px;
}
.cms-row h1 {
    margin-top: 0;
    margin-left: 0;
}

.richtext h1, .richtext h2, .richtext h3 {
	clear: both;
}

.document .richtext .fancybox img {
	max-width: 100%;
	height: auto;
}

.clear-center {
	img {
		max-width: 100%;
		height: auto;
	}
}

.clear-right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 5px;
	border: solid 1px #CCC;
	background: #F0F0F0;
}

.clear-right:after {
    content: '';
    display: block;
    clear: both;
}

.clear-left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-top: 3px;
	padding: 5px;
	border: solid 1px #CCC;
	background: #F0F0F0;
}

.clear-left:before {
	content: '';
    display: block;
    clear: both;
}


/*Ако newsbar е пуснат и искаме да се показва под картинката трябва да има паддинг
#cmsTop{
    padding-bottom:42px;
}
*/
.newsbar{
    width:100%;
	box-sizing: border-box;
	background-color: #fff;
	color: #000;
	clear: both;
	h1, h2, h3, h4, h5, h6, p {
		margin: 0;
	}
	.richtext {
		font-family: Verdana, Helvetica, Arial, Sans-serif;
		line-height:1.1em;
		white-space: nowrap;
	}
	&.topPageNewsbar {
		top: 0;
	}
	&.topMenuNewsbar {
		bottom: 0;
	}
	&.absolutePosition {
		text-align:center;
		position:absolute;
		margin:0px;
		display:inline-block !important;
		left: 0;
		right: 0;
		z-index: auto !important;
		padding: 0;
	}
	&.topContentNewsbar {
		clear: both;
		margin: 10px 0 20px;
	}
	&.topNavNewsbar {
		margin-bottom: 25px;
	}
	&.bottomNavNewsbar {
		margin-top: 30px;
	}
	&.defaultTheme.topPageNewsbar {
		top: 0;
	}
	&.bottomContentNewsbar {
		margin: 20px 0 10px;
	}
}

.narrow .newsbar.topPageNewsbar {
	position: static;
}

#cmsNavigation .defaultNewsbar a.fancybox {
	&:hover {
		background: none !important;
		border: 1px solid transparent !important;
	}
}

.menuNewsbar {
	clear: both;
}

/*край на newsbar*/

/*стилове за социални бутони*/
.soc-sharing-holder {
	margin: 20px 0 15px;
	clear: both;
	&:after {
	    content: '';
	    display: block;
	    clear: both;
	}
	.soc-sharing {
		white-space: nowrap;
		margin-right: 8px;
		margin-bottom: 8px;
		display: inline-block;
		height: 22px;
		padding: 0 3px;
		color: #333;
		@include border-radius(3px);
		border: 1px solid #ccc;
		font-size: 0.9em;
		font-family: Verdana,Helvetica,sans-serif;
		background: #f1f1f1; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d5d5d5)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ffffff 0%,#d5d5d5 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d5d5d5',GradientType=0 ); /* IE6-9 */
		&:hover {
			cursor: pointer;
			color: #333;
			background: #d5d5d5; /* Old browsers */
			background: -moz-linear-gradient(top,  #d5d5d5 0%, #ffffff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #d5d5d5 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #d5d5d5 0%,#ffffff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #d5d5d5 0%,#ffffff 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #d5d5d5 0%,#ffffff 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

		}
		sup {
			position: relative;
			top: -2px;
		}
	}
	.soc-sharing img {
		top: 3px;
		position: relative;
	}
}

.soc-following {
	padding: 7px 2px 7px 7px;
	height: 24px;
	float: left;
}
/*край на CMS*/


/*grid*/
/* ==================================================================================================================== */
/* ! The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com   */
/* ==================================================================================================================== */
.cms-container {
	padding-left: 20px;
	padding-right: 20px;
}

.cms-row {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 25px;
}

.onecol, .twocol, .threecol, .fourcol, .fivecol, .sixcol, .sevencol, .eightcol, .ninecol, .tencol, .elevencol{
	margin-right: 3.8%;
	float: left;
	min-height: 1px;
	_display: inline;
}

.cms-row .onecol {
	width: 4.85%;
}

.cms-row .twocol {
	width: 13.45%;
}

.cms-row .threecol {
	width: 22.05%;
}

.cms-row .fourcol {
	width: 27.73%;
}

.cms-row .fivecol {
	width: 39.45%;
}

.cms-row .sixcol {
	width: 48%;
}

.cms-row .sevencol {
	width: 56.75%;
}

.cms-row .eightcol {
	width: 64%;
	float:right;
}

.cms-row .ninecol {
	width: 74.05%;
}

.cms-row .tencol {
	width: 82.7%;
}

.cms-row .elevencol {
	width: 91.35%;
}

.cms-row .twelvecol {
	width: 100%;
	float: left;
}

.cms-last {
	margin-right: 0;
}

.cms-row .eightcol {
	.document {
		min-width: auto;
		border: none;
		padding: 0;
	}
}
/*край на grid*/
.narrow .alphabet .row-holder {
	overflow: auto;
}
.narrow .alphabet .row-holder > div {
	display: flex;
	flex-wrap: nowrap;

}
.narrow div.tab-control.alphabet div.tab-row .tab {
	min-width: auto;
}
/*стилове за fileman*/
.webdrvTabBody {
	min-width: 800px;
	top: 10px;
	position: relative;
}

.narrow .webdrvTabBody {
	max-width: 600px;
	min-width: 100px;
	min-height: 300px;
}

.webdrvIframe {
	width: 100%;
	border: solid 0 transparent;
	min-height: 612px;
}

.webdrvIframeSingle {
	min-height: 0px;
}

iframe.autoHeight {
	width: 100%;
	border: none;
	overflow: hidden;
}

.wide .webdrvIframe, .wide .webdrvFieldset {
	min-width: 885px;
}

.narrow .webdrvIframe {
	min-height: 300px;
}

.wide .webdrvFieldset {
	min-height: 615px;
	display: inline-block;
	border: 1px solid #ccc;
	padding: 15px 10px 10px;
	@include border-radius(5px);
	> div {
		overflow: auto;
	}
	> .dtree {
		overflow: visible;
	}
	> .mejs-container {
		overflow: hidden;
	}
	.richtext {
		max-width: 865px;
		margin-bottom:0;
		margin-top:0;
	}
	.email-source {
		max-width: 880px;
		white-space: pre-wrap;
		font-family: monospace "courier new";
	}
}
.webdrvFieldset{
	position:relative;
}

.webdrvTabBody .legend {
	position: absolute;
	top:-10px;
	left: 10px;
	z-index: 10;
	background-color: #fff;
	padding: 0 5px;
	margin: 0 15px;
}

.narrow .email-source-holder {
	overflow-x: auto !important;
	_overflow: auto !important;
}

.narrow .email-source {
	white-space: pre-wrap;
	font-family: monospace "courier new";
}

.narrow .webdrvFieldset img {
	height: auto;
	max-width: 100%;
}

.narrow .webdrvFieldset div {
	font-size: 0.9em;
}

.narrow .webdrvFieldset {
	min-height: 300px;
	height: 100%;
	padding: 20px 10px 10px;
	overflow-x: auto;
	border: 1px solid #ccc;
	@include border-radius(5px);
}

.filesContainer .top-table {
	margin-bottom: 15px;
}

.webdrv-preview {
	margin-top: 5px;
	&:first-child {
		margin-top: 0;
	}
}

.wide .webdrv-preview {
	display: block;
	max-width: 100%;
	height: auto;
}
/*стилове за fileman*/

#packWrapper .debugLink {
	display: inline-block;
	padding: 3px;
	margin: 10px  10px 0 0;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 3px;
}

.debug {
	background-color: #ffffb3;
	padding: 2px 0;
}

/*стилове за блог*/
#blog-article-details .listTable th {
	display: none;
}

.blogm-browse-article{
	clear:both;
}

#blog-article-details .listTable {
	background: rgb(229,229,229);
}

.externalPage .blogm-article-body img{
	width: 100% \9;
	max-width: none \9;
	*width: auto;
}

.cookies {
	background-color: #333;
	float: none !important;
	padding: 14px;
	color: #eee;
}


.cookies .agree {
	padding: 3px 5px;
	border-radius: 5px;
	display: inline-block;
}

.wide .cookies .agree {
	position: relative;
	top: -3px;
	float: right;
}

.narrow .cookies .agree{
	margin-top: 5px;
}

.cookies .agree:hover {
	cursor: pointer;
}

.cookies a:hover {
	text-decoration: underline;
}

/*край на стилове за блог*/


/*стилове при скролиране*/
.main-container {
	display: inline-block;
	min-width: 100%;
}

.narrow-scroll .main-container {
	display: block;
}

.listBlock {
	display: table;
}

.narrow-scroll .listBlock {
	display: block;
}

.narrow .single-thread > .listRows > .listTable {
    width: 100%;
    max-width: 56em;
}

.narrow .listRows .listTable {
	margin-bottom: 5px;
}

.narrow .document .listTable {
	margin-bottom: 0;
}

.narrow-scroll div.alphabet  div.tab-row {
	width: 100%;
}

.narrow-scroll .listRows, .narrow-scroll .listRowsDetail {
	width: 100% !important;
	overflow-y: auto !important;
	_overflow: auto !important;
}

.narrow-scroll .single-thread .listRows, .narrow-scroll .single-thread .listRowsDetail {
	overflow:visible !important;
	_overflow: visible !important;
	width:auto !important;
}

.narrow-scroll .single-thread {
	.store_InventoryNoteDetails {
		.listRowsDetail {
			overflow: auto !important;
			_overflow: auto !important;
		}
	}
}

.narrow-scroll .listRows::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
}

.narrow-scroll .listRows::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .2);
}

.narrow .scrolling-holder {
	display: inline;
}

.narrow-scroll .scrolling-holder, .overflow-scroll {
	width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	_overflow: auto !important;
	margin-bottom: 0;
	display: block;
	.folder-cover {
		margin-right: 2px;
	}
	.document {
		border: none;
		padding: 0 2px 0 0 ;
	}
	.display-table {
		display: table;
		width: 100%;
	}
	.styled-table {
		margin-bottom: 2px;
	}
	> .antetka {
		margin-top: 0;
	}
}
.wide #Bottom-tab-doc_UnsortedFolders {
	input[type=text] {
		height: 1.85em;
	}
	#filter {
		height: 25px;
		padding-left: 22px !important
	}
}
.narrow #Bottom-tab-doc_UnsortedFolders {
	input[type=text] {
		height: 2em !important;
	}
	#filter {
		height: 30px !important;
		padding-left: 22px !important
	}
}
.planning_ProductionTaskDetails .listRowsDetail {
	width: 100% !important;
	overflow-x: auto !important;
	overflow-y: hidden !important;
	_overflow: auto !important;
	margin-bottom: 0;
	display: block;
	td {
		max-width: none !important;
	}
}

.document table.listTable>tbody>tr>td.task-row-info {
	padding: 4px 7px 3px !important;
}

.document .scrolling-holder {
    margin-bottom: 0;
}

.narrow-scroll .scrolling-holder::-webkit-scrollbar, .overflow-scroll::-webkit-scrollbar, .narrow .details .groupList::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 10px;
    height: 10px;
}

.narrow-scroll .scrolling-holder::-webkit-scrollbar-thumb, .overflow-scroll::-webkit-scrollbar-thumb, .narrow .details .groupList::-webkit-scrollbar-thumb {
    @include border-radius(8px);
    background-color: rgba(0, 0, 0, .2);
}
.narrow .details .groupList{
	width: 100% !important;
    overflow-x: scroll !important;
    _overflow: auto !important;
    height: auto;
    display: block;
    margin-bottom: 3px;
    .listTable{
        width: 100% !important;
        height: 100%;
        td{
            white-space: nowrap;
        }
    }
}
/*край на стилове за скролиране */

.special-table{
	border-collapse: separate;
}

.half-detail{
	width: auto;
	text-align: center;
}

.counter-link{
	font-weight: bold;
	font-size: 24px;
	font-family: courier new;
}

/*стилове за автор в документ*/
.wide-profile-info {
	margin:0 auto;
	.name-box {
		font-size: 0.8em;
		max-width:100px;
		word-wrap: break-word;
		word-break: break-word;
		hyphens: auto;
	}

	.date-box {
		font-size: 0.8em;
		margin-left: 2px;
		margin-right: 2px;
		margin-bottom: 5px;
		margin-top: 5px;
	}

	.gravatar-box{
	    text-align: center;
	}
}
/*стилове за автор в документ*/

.hiddenBtn {
	display: none !important;
}

/*стилове за custom таблица*/
.styled-table {
	border-collapse: collapse;
	margin-bottom: 20px;
}

.styled-table th {
	text-align: left;
}

.styled-table td {
	border: 1px solid #ccc;
	padding: 3px 5px;
}

.styled-table th {
	border-bottom: none;
}

.wide .singleView {
	display: inline-block;
}

.narrow .singleView {
	display: block;
}

.singleView .title-style {
	color: #666;
}

.singleView p {
	margin-bottom: 10px;
	line-height: 120%;
}

.rowtoolsGroup{
	&.modal-toolbar.iw-contextMenu {
		padding: 5px 6px 4px 5px;
		max-width: 160px;
	}
	a, span:not(.highlight) {
		text-align: left;
		display: block;
		font-size: 0.95em;
		padding: 3px 0;
		padding-left: 22px !important;
		color: #333 !important;
		&:hover {
			color: #000 !important;
			background-color: #e1e1e1;
			cursor: pointer;
		}
	}
}

table.styled-table tr:hover td {
    background-color: $beige !important;
}
/*стилове за custom таблица*/


/*стилове за локации*/
div.no-cover {
	max-width: 725px;
	@include border-radius(5px);
	border: 1px solid #ccc;
	padding: 20px 20px 20px;
	margin-top: 16px;
	h2 {
		margin-top: 0;
		background-color: transparent;
		&.state-rejected {
		    background-color: #c66;
		}
	}
	ul {
		padding: 0;
		margin: 0;
		list-style-type: none;
		li {
			padding: 0;
			margin: 0;
			list-style-type: none;
		}
	}
	.detail-info ul {
		padding-left: 20px;
		li {
			list-style-type: disc;
		}
	}
	div.locImage{
		padding-bottom: 0;
	}
	.gray-title {
		color: #666;
		display: inline;
		vertical-align: baseline;
	}
	.groupList {
		font-size: 0.95em;
		max-width: 700px;
	}
}

div.location.public {
	border: none;
	margin: 0;
	padding: 0;
}

.location-map {
	margin-top: 20px;
	text-align: center;
	> div {
	    width: 99% !important;
	    img {
	        max-width: none !important;
	        max-height: none !important;
	        width: auto;
	        height: auto;
	    }

	}
}

.pickermap{
	z-index: 1;
}

/*край на стилове за локации*/

.info-table ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	.part {
		float: left;
		width: 50%;
	}
}

.narrow .info-table {
	max-width: 400px;
	font-size: 0.9em;
}

.narrow .info-table .rowtools {
	padding-right: 4px;
}

.info-table .gray-title {
	color: #666;
}

.printListFilter {
	margin-bottom: 10px;
}
.wide .barcodeSearchHolder {
	position: relative;
	display: inline-block;
	padding-right: 210px;
	.imgPreview img {
		float: none;
		position: absolute;
		right: 0;
		top: 0;

	}
}

.narrow .imgPreview img {
	float: none;
	text-align: center;
}
.flexBox {
	display: flex;
	align-content: baseline;
	align-items: baseline;
	margin-bottom: 5px;
	div {
		display: flex;
		align-content: baseline;
		align-items: baseline;
	}
}
.barcodeSearch {
	.noPadding {
		padding: 0px !important;

	}
	.listTable {
		width: 100%;
		margin-bottom: 0 !important;
	}

}

/*шаблон за пускане в експлоатация на ДА*/
.sign-holder {
	display: inline-block;
}

.sign-holder span {
	display: inline-block;
	float: right;
	width: 160px;
	text-align: center;
}
/*край на шаблон за пускане в експлоатация на ДА*/


/*оборотни ведомости*/
.balance-filter{
    margin-bottom: 10px;
    margin-top: -8px;
    margin-right: 20px;
}

.captionSimple{
    line-height: 1.2em;
    margin: 4px 0 2px 0;
}

.captionProperties{
    padding-left:20px;
}

.balance-custom-form tr td{
    padding-bottom: 10px;
}

.narrow .balance-custom-form tr{
	margin-bottom: 10px;
}

.narrow .balance-custom-form td{
	display: block;
	.captionProperties{
	   padding: 0;
    }
	&.feat{
	   padding-bottom: 20px !important;
	}
	.arrow{
	   display:none;
	}
}

.balance-custom-form select{
    width: 100%;
    max-width: 400px;
}
.ajaxSelect {
	min-width: 250px;
}
.productCell {
	max-width: 600px !important;
	.productPreviewHolder img{
		max-width: 200px;
	}
}

.wide .inline-form {
	display: inline-block;
}

/*шаблон за журнал*/
.acc_JournalDetails {
	margin-top: 10px;
}

.details .portal .formToolbar #filter{
	background-color: #e5e5e5;
	padding: 6px 4px !important;
	width: 26px;
	background-position: center;
	&:hover {
		background-color: #ccc;
	}
}

.document .details .portal .formToolbar #filter {
	padding: 5px 4px 4px !important;
}
/*шаблон за журнал*/

.closePeriod .listTable tr > th:first-child {
	width: auto;
}

.btn-group .button {
	display: inline-block;
	width: auto !important;
}

.log_System table.listTable > tbody > tr > td:last-child {
	max-width: 600px;
    table td{
	   word-break:break-all;
    }
}

.cCode {
	border: solid 1px #ccc;
	color: black !important;
	background-color: $gray1;
	padding: 2px;
    font-size: 12px;
    vertical-align: middle;
}

/*email*/
.additional-info {
	border-top: 1px solid #ccc;
	padding: 10px;
	background-color: rgba(240,240,255,0.5);
	border: solid 1px #ddddff;
}
.popupInfo {
	border-top: 1px solid #aaa;
	text-align: left;
	margin: 3px 0 2px;
	&:first-child {
		border-top: none;
		margin-top: 0;
	}
	&:last-child {
		margin-bottom: 0;
	}
}
.email-class {
	max-width: 600px;
	h3 {
		margin: 10px 0 12px;
	}
}
.textWithIcons {
	display: inline-block;
	margin-bottom: -12px;
	a, span:not(.highlight) {
		float: left;
		margin-right:5px;
	}
	span:not(.highlight) {
		position: relative;
		top: -3px !important;
	}
}

.state-error-email {
    background-color: #f3bbaf;
}

.state-blocked-email {
    background-color: #f1cba6;
}

/*край на email*/


/*бласт*/
.blast-table {
	display: inline-block;
}

.blast-table table {
	width: 100%;
	font-size: 0.9em;
	th {
		text-align: left;
		color: #333;
	}
	td, th {
		border-color: #000 !important;
	}
	input {
		margin-bottom: 3px;
		margin-top: 0;
	}
}

.blast-overflow {
	max-width: 840px;
	overflow: auto;
}
/*край на бласт*/


/*търсене в портала*/
.portal-filter {
	position: relative;
	min-width: 30px;
	height: 20px;
	float: right;
	outline: none !important;
}

.narrow .portal-filter {
	margin-left: 5px;
	min-width: 20px;
	float: left;
}

.portal .linkWithIcon, .portal .ajaxContext {
	overflow-wrap:anywhere;
}

.portal-filter .hFormField {
	width: 7.5em;
	border: solid 1px #ccc;
	float: right;
	display: block;
	position: relative;
	height: 1.2em;
	margin: 0 0 0 7px;
	background: rgba(255, 255, 255, 0.7);
	@include border-radius(3px);
}

.narrow .portal-filter .hFormField {
	height: auto;
	position: relative;
	top: -1px;
}

.narrow .details .portal {
	display: table-cell;
}

.narrow .top-tab-content .detail-info.portal {
	display: block;
}

.portal-filter .hFormField input {
	height: 1.4em;
	border: none !important;
	background: none;
	font-size: 0.9em;
	position: relative;
	top: -1px;
	line-height: 1.3em;
	margin-top: 0 !important;
    width: 7em !important;
    outline: none !important;
}

.narrow .portal-filter .hFormField input {
	width: 87% !important;
	height: 1.3em;
}

.narrow .portal-filter input {
	height: 1.2em;
	top: 0;
}

.portal-filter select {
	height: 1.2em;
    width: 8.3em;
    line-height: 1em;
	visibility: hidden !important;
}

.portal-filter .formToolbar {
	width: 30px;
	height: 20px;
	margin-right: 0 !important;
	right: 0 !important;
    top: 0em !important;
	position: absolute;
}

.portal-filter .button {
	width: 16px;
	height: 20px;
	margin-right: 0;
	right: -4px !important;
    top: 0em !important;
	position: absolute;
	border: none;
	outline: none !important;
	background-color: transparent !important;
	cursor: pointer;
	display: inline-block;
}

.portal-filter .button::-moz-focus-inner {
  border: 0;
}

.narrow .portal-filter .button {
	height: 1.5em;
	padding: 2px 0;
    width: 20px;
	right: 0 !important;
	border: none;
	background-position: center 2px;
}
.portalTabs {
	display: none;
}

.narrowPortalBlocks {
	margin-top: 20px;
	margin-bottom: 10px;
}

.modern-theme .narrowPortalBlocks {
	display: none;
	margin: 0 0 5px;
	&.activeTab {
		display: block;
	}
}
.modern-theme .portalTabs {
	display: block;
	padding-left: 10px;
	margin-top: -10px;
	margin-bottom: 0;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	.tab-link {
		cursor: pointer;
		display: inline-block;
		padding: 5px 5px 8px 5px;
		border-radius: 5px 5px 0 0;
		list-style: none;
		border: 1px solid #ccc;
		border-bottom: none;
		font-size: 0.9em;
		position: relative;
		bottom: -12px;
		opacity: 0.8;
		&.activeTab, &:hover {
			z-index: 20;
			opacity: 1;
		}
	}
}

/*край на търсене в портала*/


/*прогрес на задачите*/
.narrow .document .progress-table .richtext {
	min-width: 0;
	word-break: break-all;
}
/*край на прогрес на задачите*/


/*напомняния*/
.reminder-table td {
    width: 400px;
}

.narrow .reminder-table td {
   width: 180px;
   padding-right: 20px;
   white-space: nowrap;
}

.reminder-half {
	width: 50%;
	display: block;
	float: left;
}

.narrow .reminder-half {
	width: 100%;
}
/*край на напомняния*/


/*стилове за състояния в колцентъра*/
.dialStatus-opened, .sms-sended {
    background-color: #ffeedd;
}

.dialStatus-answered, .sms-received {
    background-color: $gray1;
}

.dialStatus-failed, .sms-sendError {
    background-color: #feadad;
}

.dialStatus-busy, .sms-receiveError{
    background-color: #ffce84;
}

.dialStatus-noanswer {
    background-color: #fffcbc;
}

.dialStatus-unknown {
    background-color: #eec8e9;
}

.dialStatus-redirected {
	background-color: $gray2;
}
/*край на стилове за състояния на SMS' ите в колцентъра*/

.doc-negative-quantity {
	color: red;
	font-weight: bold;
}

.doc-positive-quantity {
	color: green;
	font-weight: bold;
}

.doc-warning-quantity {
	color: #d66737;
	font-weight: bold;
}

/* Стилове за `sens` */
.measure {
	min-width:30px;
	display:inline-block;
	text-align:left;
	padding-left:5px;
	color:#777;
	font-size:0.8em;
	vertical-align:top;
}
/* Край на стиловете за `sens` */

/*Стилове за пос*/
.open-note {
	padding: 2px;
	margin: 1px 0 5px;
	display: inline-block;
	border-radius: 3px;
}
/*Край на стилове за пос*/


/*стилове за ротация на елементи*/
.rotate {
  -webkit-transform: rotate(90deg);  /* Chrome, Safari 3.1+ */
     -moz-transform: rotate(90deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(90deg);  /* IE 9 */
       -o-transform: rotate(90deg);  /* Opera 10.50-12.00 */
          transform: rotate(90deg);  /* Firefox 16+, IE 10+, Opera 12.10+ */
}
/*край на стилове за ротация на елементи*/


.fileman_Indexes table.listTable > tbody > tr > td, .fileman_Data table.listTable > tbody > tr > td,
 .doclog_Documents table.listTable > tbody > tr > td, .core_Cache table.listTable > tbody > tr > td {
	max-width: none !important;
}

.calendar table {
	border-collapse:separate;
}

.calendar table td {
	vertical-align: middle;
}

.doc_Containers .formToolbar .toolbar {
	padding: 0;
	margin: 0;
}
.doc_Containers table.listTable.listTable > tbody > tr.report-payment{
	background-color:rgb(209, 255, 218) !important;
}

.doc_Containers table.listTable.listTable > tbody > tr.report-sale{
	background-color:rgba(246, 237, 167, 0.5) !important;
}
.accordian {
	margin-top: 0.5em;
}

.no-border-table {
	margin-top: 10px;
	border-spacing: 5px;
	border-collapse: separate;
}

.no-border-table .button {
	float: none !important;
	width: 100%;
	text-align: left;
}
.noTopBorder .listTable {
	font-size: 0.9em;
	border-top: none;
	th {
		border-top: none;
	}
}
.custom-bg-block{
	background-color: $gray2;
	padding:0.2em;
	margin-bottom:0.2em;
	margin-top:0.5em;
}

.free-text {
	max-width: 600px;
	text-align: justify;
	line-height: 120%;
	margin-bottom: 10px;
 }

.preview-holder .document {
	width:840px !important;
	min-width: 0;
	border: solid 1px $gray4 !important;
	background: #ffffff;
	@include border-radius(5px !important);
	padding: 10px !important;
	word-wrap: break-word;
}

#rss-feeds {
	padding: 30px;
}

.narrow #rss-feeds {
	padding: 10px;
}

.rss-feeds-header {
	padding-top: 3px;
	padding-left: 32px; ;
	background-repeat: no-repeat;
	background-position: 5px center;
    background-image: url('../cms/img/rss24.png');
}

.blast_ListDetails .listToolbar, .dec_DeclarationDetails .listToolbar, .distro_Files  .listToolbar{
    border-bottom: none !important;
}
.declarationApprovedText {
	margin-top: 2px;
}
.declarationApproved .richtext {
	background: url("../img/16/checkbox_yes.png") 20px 2px no-repeat;
	padding-left: 40px;
	margin-bottom: 2px;
}

.distro-tools a {
	margin: 0 5px 0;
	position:relative;
	top:1px;
}

.price_ListRules .state-closed {
	color: #888;
	font, a{
	   color: #888 !important;
	}
}

.price-list-new-item {
	text-align: center;
	display: block;
}

.pricelist-group-label {
	background-color: #636363 !important;
	color: white;
	line-height: 24px;
	text-indent: 5px;
	&:hover td{
		background-color: #636363 !important;
	}
}

.pricelist-report-pack-table  {
	width: 100%;
	td {
		border: none !important;
		padding: 0 5px;
		vertical-align: middle !important;
	}
	.small {
		width: 90px;
	}
}

/*край на бъгфиксове*/


/* Стилове за eshop */
.eshop-group-holder{
    margin-bottom: 25px;
}

.eshop-group-button {
    float: left;
    width: 46%;
    margin: 5px 2%;
    text-align: center;
    .eshop-group-button-title {
		background: none !important;
		font-size: 1em;
        margin-top: 2px;
		font-weight: normal;
		height: 50px;
        a{
	        color: #048;
        }
    }
    .eshop-group-button-img a {
		display: block;
		img{
			max-width: 100% ;
			max-height: 220px;
		}
	}
}
.eshopProduct {
	max-width: 800px;
	.title-style {
		text-align: right;
		padding-right: 10px;
	}
}
#cmsNavigation .navWithIcon {
	&.favouriteNavigationLink .linkWithIcon{
		color: #A00505;
	}
	.linkWithIcon {
		background-position: 5px 3px !important;
		margin-left: 0 !important;
		margin-bottom: 5px !important;
	}
	&.favouriteNavigationLink.sel_page .linkWithIcon, &.favouriteNavigationLink:hover .linkWithIcon {
		background-color: #fdc3c3 !important;
		border-color: #fb9292 !important;
		color: #A00505 !important;
	}

}
.sel_page {
	clear: both;
}

.favouritesBtn.linkWithIcon:hover {
	cursor: pointer;
}

#all .hasLogoutBlock .cms-row ,.hasLogoutBlock .centerContent {
	padding-top: 30px;
}

.hasLogoutBlock .centerContent .cms-row {
	padding-top: 10px;
}

.narrow .externalPage #maincontent.hasLogoutBlock {
	padding-top: 29px !important;
}

.narrow .hasLogoutBlock .logoutBlock {
	top: -29px;
	right: -2px;
}

.narrow #all .hasLogoutBlock .logoutBlock {
	top: 0;
	right: 0;
}

.narrow .eshop-group-button{
	margin-bottom:10px;
	height:auto;
}
.narrow .eshop-group-button-title {
	margin-bottom: 0 !important;
}
.eshop-group-button:hover  .eshop-group-button-title a {
	color: #c60;
}

.eshop-product-labels {
	margin-bottom:2px;
	color: #666;
}

.eshop-product-list:hover .eshop-product-labels {
	color: #444;
}

.paramsTable {
	margin-top: 10px;
}

.eshop-product .richtext ul{
	margin-bottom: 10px;
}
.eshop-product .productBtn {
	font-weight: bold;
}
.eshop-product-labels .info {
    @include border-radius(3px);
	padding: 4px;
	font-size:0.8em;
	background-color:#e6e6e6;
	border: solid 1px #d8d8d8;
	display: inline-block;
	margin-bottom:5px;
	&:last-child {
		margin-right:0 !important;
	}
}

.eshop-product-images {
	padding:5px;
	background-color:#e6e6e6;
    @include border-radius(3px);
}


.eshop-product-image {
	max-height: 120px;
	height: auto;
	width: auto;
	max-width: 120px;
}

.narrow .inqRow {
	margin-top: 10px;
}
.wide .eshop-product-images {
	width:30%;
	height:100%;
	text-align: center;
	img {
		max-width: none;
		width: auto;
	}
}

.narrow .eshop-product-images a{
	display: inline-block;
	width: 160px;
	text-align: center;
    margin-bottom:12px !important;
}

.eshop-product-labels > a {
	font-weight:bold;
}
#addToFavouritesBtn a {
	background-color: transparent !important;
}
.narrow .eshop-group-button-title {
	  margin-top: 2px;
}

.eshop-group-image {
	margin-bottom: 10px;
}

.eshop-group-image img {
	width: 100% !important;
	height: auto !important;
}

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

.eshop-group-description{
	margin: 25px 0;
}

.eshop-product-list {
	margin-top: 10px;
	background-color: #e8e8e8;
	border: solid 1px #ccc;
	clear: both;
    padding: 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
     _height: 1%;

    .richtext {
        line-height: 1.35em;
    }
	.eshopLink {
		display: block;
	    width: 120px;
	    height: 120px;
	    margin: 0 12px 10px 0;
		text-align: center;
	}
	.eshop-product-list-name {
		font-weight: bold;
		padding: 0 5px 8px 0px;
		height: 1%;
		margin: 0 !important;
		background: none !important;
		font-size: 1em;
	}
	&:hover {
	    border: solid 1px #bbb;
	}
}

.narrow .eshop-product-list {
	.eshopLink {
		float: left;
	}
	ul {
		display: table-cell;
	}
}
.info-block {
	border: 1px solid #38d0ff;
	background: #c6f1ff;
	color: #00526b;
	border-radius: 5px;
	padding: 5px;
}

.narrow .cart-view-buttons-right {
	margin-top: 10px;
}

.epayBtn {
	border: none;
	background: none;
}

.newCol{
	background-color:#eee
}

td.rack-hl {
	background-color:red;
}

td.rack-same {
	background-color:yellow;
}

.app-name {
    display: block;
    color: #42477f;
    position: absolute;
    font-family: Times New Roman, Georgia, serif;
}

.narrow .app-name {
	font-size: 26px !important;
	top: 6px !important;
	left: 9px !important
}

.narrow .app-subtitle {
	font-size: 14px;
	left: 9px;
	top: 38px;
}

.app-subtitle {
	display: block;
	color: #42477f;
	position: absolute;
	font-size: 2.1em;
	left:2%;
	top: 55%;
	font-family: Times New Roman, Georgia, serif;
}

.movement-position-notice {
	font-weight: bold;
}

.wide .app-name{
    left: 3%;
    bottom: 5%;
    font-size: 5.5em;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}

.narrow .app-name{
    left: 7px;
    top: 2px;
    font-size: 33px;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
}

/*queries*/

body.narrow {
	font-size:18px;
}

//bootstrap 2.3 grid

.row-fluid {
	width: 100%;
	*zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
	display: table;
	line-height: 0;
	content: "";
}

.row-fluid:after {
	clear: both;
}

.row-fluid [class*="span"] {
	display: block;
	float: left;
	width: 100%;
	min-height: 21px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
	margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
	width: 100%;
	*width: 99.94680851063829%;
}

.row-fluid .span11 {
	width: 91.48936170212765%;
	*width: 91.43617021276594%;
}

.row-fluid .span10 {
	width: 82.97872340425532%;
	*width: 82.92553191489361%;
}

.row-fluid .span9 {
	width: 74.46808510638297%;
	*width: 74.41489361702126%;
}

.row-fluid .span8 {
	width: 65.95744680851064%;
	*width: 65.90425531914893%;
}

.row-fluid .span7 {
	width: 57.44680851063829%;
	*width: 57.39361702127659%;
}

.row-fluid .span6 {
	width: 50%;
	*width: 48.88297872340425%;
}

.row-fluid .span5 {
	width: 40.42553191489362%;
	*width: 40.37234042553192%;
}

.row-fluid .span4 {
	width: 33.33%;
	*width: 31.861702127659576%;
}

.row-fluid .span3 {
	width: 24.86%;
	width: 25.0%;
	*width: 23.351063829787233%;
}

.row-fluid .span2 {
	width: 13.993617021276595%;
	*width: 14.840425531914894%;
}

.row-fluid .span1 {
	width: 6.382978723404255%;
	*width: 6.329787234042553%;
}

.filledFieled {
	color: #333;
	text-align: center;
	font-size: 0.9em;
	font-family: 'Lucida Console', monospace;
	&.leftAlign {
		text-align: left;
		padding-left: 7px;
	}
	&.bigNumber {
		font-size: 1.7em;
		padding-top: 8px;
	}
	&.smallFont {
		line-height: 1.3em;
	}
}
.basicFontSize {
	font-size: 0.9em;
}
.miniText {
	font-size: 0.7em;
	font-weight: bold;
}

// стилове за различните бланки на ЧМР
@mixin cmrColor($crm-color) {
	color: $crm-color;
		td {
			border-left: 1px solid $crm-color;
			border-right: 1px solid $crm-color;
			&.border-top{
				border-top: 1px solid $crm-color;
		}
	}
}

.cmr-holder {
	@include cmrColor(#000);
}

.cmr-red {
	@include cmrColor(#ED1748);
}

.cmr-green {
	@include cmrColor(#00a94f);
}

.cmr-blue {
	@include cmrColor(#0082c8);
}

.row-subProduct {
	background-color:#ece2ff;
}

@media handheld , only screen and (min-width: 1240px) {
	.background-holder {
	    padding: 10px 0;
	}
}
@media handheld , only screen and (min-width: 1500px) {
	#cmsNavigation div.nav_item {
		font-size:1.02em;
	}
}

@media handheld , only screen and (max-width: 1500px) {
	.wide #all {
		max-width: 1200px !important;
	}
}
@media handheld , only screen and (min-width: 2100px) {
	.listTable .ui-droppable {
		border-width: 4px !important;
	}
	.listTable .rowBlock.ui-droppable-hover-top {
		border-top:4px solid red !important;
	}

	.listTable .rowBlock.ui-droppable-hover-bottom {
		border-bottom:4px solid red !important;
	}
}

@media handheld , only screen and (min-width: 1600px) {
    #cmsNavigation div.nav_item {
        font-size:1.04em;
    }
}

@media handheld , only screen and (min-width: 1650px) {
    #cmsNavigation div.nav_item {
        font-size:1.06em;
    }
}

@media handheld , only screen and (min-width: 1700px) {
    #cmsNavigation div.nav_item {
        font-size:1.08em;
    }
}

@media handheld , only screen and (min-width: 1750px) {
    #cmsNavigation div.nav_item {
        font-size:1.1em;
    }
}

@media handheld, only screen and (max-width: 1200px) {
	.wide #all .app-name {
		font-size: 5em;
	}
	.wide #all  .app-subtitle {
		font-size: 2em;
	}
	.wide #all, .wide #cmsTop, .wide #all #cmsTop img {
		border-radius: 0 !important;
	}
	.document {
		min-width: 40em;
	}
}



@media handheld, only screen and (max-width: 1000px) {
	.wide #all .app-name {
		font-size: 4.6em;
	}
	.wide #all .app-subtitle {
		font-size: 1.8em;
	}
}

@media handheld, only screen and (max-width: 600px) {
	.wide #all .app-name {
		font-size: 1.8em;
	}
	.wide #all .app-subtitle {
		font-size: 0.9em;
	}
}

@media handheld , only screen and (max-width: 1024px) {
    .document{
		min-width: 30em;
    }
    .wide .app-name {
         font-size: 6.4em;
    }
	.wide .cartHolder {
		width: 69%;
	}
	.wide .cartInfoBlock {
		width: 29%;
		font-size: 0.92em	;
	}
	.center-content {
		width: 100% !important;
	}
}

/* ipad */
@media  (min-device-width : 768px)  and (max-device-width : 1024px) {
	.wide .document {
		max-width: 50em;
	}

}

	/* Mobile */
@media handheld, only screen and (max-width: 950px) {
	body {
		-webkit-text-size-adjust: none;
	}
	.richtext .document {
		min-width: 100%;
		border: none;
		padding: 0;
	}
	.cms-row, body, .cms-container {
		width: 100%;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.row .onecol, .row .twocol, .row .threecol, .row .fourcol, .row .fivecol,
	.row .sixcol, .row .sevencol, .row .eightcol, .row .ninecol, .row .tencol, .row .elevencol, .row .twelvecol {
		width: auto;
		float: none;
		margin-left: 0;
		margin-right: 0;
		padding-left: 20px;
		padding-right: 20px;
	}
	#cmsMenu a {
		margin-left: 8px;
		margin-right: 8px;
		font-size: 1.04em;
    }
    .externalPage .formTitle {
        font-size: 1.1em;
    }
    .externalPage h2{
        font-size: 1.4em;
    }
    .externalPage h1{
        font-size: 1.9em;
    }
	.wide .cartHolder {
		width: 69%;
	}
	.wide .cartInfoBlock {
		width: 29%;
		font-size: 0.9em	;
	}

}
@media handheld, only screen and (max-width: 900px) {
	.wide .eshop-group-button {
       width: 96%;
       margin: 0 2% 4%;
       height:auto;
       .eshop-group-button-img a img{
            width:100%;
            height:auto;
            margin-right: 1%;
            margin-left: 1%;
       }
    }
    .externalPage h2{
        font-size: 1.38em;
    }
	.externalPage h1{
        font-size: 1.88em;
    }
    .wide .app-name {
         font-size: 5.7em;
    }
}
@media handheld, only screen and (max-width: 800px) {
    .wide .document {
        min-width: 400px;
        max-width: 700px;
    }
	#cmsMenu a {
		margin-left: 6px !important;
		margin-right: 6px !important;
		font-size: 0.97em;
    }
    .wide .eshop-group-button {
       width: 96%;
       margin: 0 2% 4%;
       font-size: 0.9em;
       height:auto;
        .eshop-group-button-img a img{
            width:98%;
            height:auto;
            margin-right: 1%;
            margin-left: 1%;
       }
    }
    .externalPage .formTitle {
        font-size: 1em;
    }
    .externalPage h2{
        font-size: 1.38em;
    }
    .externalPage h1{
        font-size: 1.88em;
    }
	.wide #all .app-name {
		font-size: 3.3em;
	}
	.wide #all .app-subtitle {
		font-size: 1.5em;
	}
}

@media handheld, only screen and (max-width: 760px) {
	#cmsMenu a {
		margin-left: 4px !important;
		margin-right: 4px !important;
		font-size: 0.89em;
    }
    .wide .eshop-group-button {
		width: 96%;
		margin-right: 2%;
		margin-left: 2%;
		font-size: 0.9em;
    }
    .externalPage h2{
        font-size: 1.36em;
    }
    .externalPage h1{
        font-size: 1.86em;
	}
	.notificationsCnt {
		 right: 0;
	}
}

@media handheld, only screen and (max-width: 700px) {
	#cmsMenu a {
		margin-left: 3px !important;
		margin-right: 3px !important;
		font-size: 0.85em;
    }
     .narrow #cmsTop {
    	margin-top: -1px;
    }
    .narrow .single-thread .listTable .rich-text {
    	max-width: 630px;
    }
    .narrow .eshop-group-button {
       width: 46%;
       min-height: 150px;
       margin-right: 2%;
       margin-left: 2%;
       font-size: 0.9em;
    }
    .externalPage h2{
        font-size: 1.34em;
    }
    .externalPage h1{
        font-size: 1.84em;
    }
    .wide .app-name {
        font-size: 4.4em;
	}
}

@media handheld, only screen and (max-width: 640px) {
	.narrow #all {
		border: none;
	}
	.wide .eshop-group-button {
       width: 96%;
       margin: 0 2% 5%;
       font-size: 0.9em;
       height:auto;
        .eshop-group-button-img a img{
            width:98%;
            height:auto;
            margin-right: 1%;
            margin-left: 1%;
       }
    }
	.narrow .eshop-group-button {
       width: 46%;
       margin-right: 2%;
       margin-left: 2%;
       font-size: 0.9em;
    }
    .externalPage h2{
        font-size: 1.32em;
    }
    .externalPage h1{
        font-size: 1.82em;
    }
	.wide #all .app-name {
		font-size: 2.8em;
		top: 15%;
	}
	.wide #all .app-subtitle {
		font-size: 1.3em;
	}
}

@media handheld, only screen and (max-width: 600px) {
	.background-holder {
          padding: 0 !important;
    }
	#cmsMenu a {
		margin-left: 1px !important;
		margin-right: 1px !important;
		font-size: 0.78em;
    }
    .narrow #cmsTop {
    	margin-top: -1px;
    }
	.narrow .eshop-group-button {
	   width: 46%;
       margin-right: 2%;
       margin-left: 2%;
       font-size: 0.9em;
	}
	.externalPage .formTitle {
        font-size: 0.95em;
    }
    .externalPage .formGroup {
        font-size: 0.85em;
    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 558px;
        }
        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 548px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 538px;
        }
    }
    .externalPage h2{
        font-size: 1.3em;
    }
    .externalPage h1{
        font-size: 1.8em;
    }
    .wide .app-name {
         font-size: 3.7em;
    }
}

@media handheld, only screen and (max-width: 533px) {
	.background-holder {
         padding: 0 !important;
    }
	.narrow #all {
		border: none;
	}
	.narrow  .eshop-group-button {
       width: 46%;
       margin-right: 2%;
       margin-left: 2%;
       font-size: 0.9em;
    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 483px;
        }
        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 481px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 471px;
        }
    }
    .externalPage h2{
        font-size: 1.28em;
    }
    .externalPage h1{
        font-size: 1.78em;
    }
}

@media handheld, only screen and (max-width: 500px) {
	.background-holder{
          padding: 0 !important;
    }
	.narrow  .eshop-group-button {
       width: 46%;
       margin-right: 2%;
       margin-left: 2%;
       font-size: 0.9em;
    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 458px;
        }
        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 448px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 438px;
        }
    }
    .externalPage h2{
        font-size: 1.26em;
    }
    .externalPage h1{
        font-size: 1.76em;
    }
}

@media handheld, only screen and (max-width: 480px) {
	.background-holder {
          padding: 0 !important;
    }
	.narrow #all {
		border: none;
	}
	.narrow .eshop-group-button {
       width: 46%;
       margin: 0 2%;
       font-size: 0.9em;

    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 438px;
        }
        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 428px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 418px;
        }
    }
    .externalPage h2{
        font-size: 1.24em;
    }
    .externalPage h1{
        font-size: 1.74em;
    }
	.wide #all .app-name {
		font-size: 2.5em;
		top: 15%;
	}
	.wide #all .app-subtitle {
		font-size: 1.1em;
	}
}

@media handheld, only screen and (max-width: 375px) {
	.narrow .eshop-group-button {
		width: 100%;
		margin-right: 0%;
		margin-left: 0%;
		font-size: 0.9em;
	}
}

@media handheld, only screen and (max-width: 360px) {
	.background-holder {
          padding: 0 !important;
    }
	.narrow #all {
		border: none;
	}
	.narrow .eshop-group-button {
       width: 100%;
       margin-right: 0%;
       margin-left: 0%;
       font-size: 0.9em;
    }
    .externalPage .formTitle{
        font-size: 0.9em;
    }
    .externalPage .formGroup {
        font-size: 0.75em;
    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 318px;
        }
        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 308px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 298px;
        }
        .narrow .main-container .formTable .keylist label {
            max-width: 159px;
        }
    }
	.narrow .vFormField .select2 {
		max-width: 335px !important;
	}
    .externalPage h2{
        font-size: 1.22em;
    }
	.externalPage h1{
        font-size: 1.72em;
    }
    .narrow .special-table td{
	    display: block;
	    width: 100%;
	}
	.wide .app-name {
         font-size: 3em;
	}
	.narrow .antetkaCell {
		white-space: normal;
		max-width: 230px !important;
	}
	.user-profile {
		.user-name {
			font-size: 1.1em !important;
		}
		.personStatus{
			font-size: 0.65em !important;
		}
	}
}


@media handheld, only screen and (max-width: 320px) {
	.background-holder{
         padding:0 !important;
    }
	.narrow #all {
		border: none;
	}
	.narrow .eshop-group-button {
       width: 100%;
       margin-right: 0%;
       margin-left: 0%;
       font-size: 0.9em;
    }
    :not(.modern-theme) {
        .narrow .main-container .chzn-container, .narrow .main-container .formFields input, .narrow .main-container .formFields .richEdit, .narrow .main-container .formFields select, .narrow .main-container .formTitle {
            max-width: 278px;
        }
        .formFields .main-container textarea {
            min-width: 278px;
        }

        .narrow .main-container .chzn-container .chzn-drop, .narrow .select2 {
            max-width: 268px;
        }
        .narrow .main-container .chzn-container-single .chzn-search input {
            max-width: 258px;
        }
    }

    .externalPage h2{
        font-size: 1.2em;
    }
    .externalPage h1{
        font-size: 1.7em;
    }
    .narrow a.rtbutton {
        min-width: 8px;
    }
    .narrow #cmsMenu a {
        padding-left:2px;
        padding-right:2px;
        margin-left:4px !important;
    }
	.narrow.modern-theme .portalTabs .tab-link {
		font-size: 0.8em !important;
		padding: 3px 3px 6px 3px;
	}


}
.footerDocInfo{
    padding-top: 10px;
    text-align: right;
    font-size: 13px;
    color: #666;
    display: none !important;
    a {
        color:#333 !important;
    }
    td{
       border: none !important;
    }
}

.footerDocBlock{
	margin-top: 20px;
	text-align: right;
    font-size: 13px;
    color: #666;
    border-top: 1px solid #666 !important;
    display: none !important;
    a {
        color:#333 !important;
    }
    &.no-border-top {
        border-top: none !important;
    }
}

.footerDocTable {
	display: none;
}
/*край на queries*/

.external {
    max-width: 840px;
    .document{
        width: 98%;
        font-size: 0.97em;
        border: medium none;
        background: none repeat scroll 0% 0% #FFF;
        box-shadow: none;
        margin: 10px 0 20px 10px;
        padding: 10px;
        float: none;
        min-width: 0;
        max-width: 840px;
    }
    .blankImage img, .qrcode img {
        width: 100%;
        height: auto !important;
    }
    .blankImage img {
        max-width: 750px;
        max-height: 87px;
    }
    .qrcode img{
        max-width: 87px;
        max-height: 87px;
    }
    .footerDocInfo{
        display: table-row !important;
    }
    .footerDocBlock{
        display: block  !important;
    }
    .footerDocTable {
        display: table !important;
    }
    .no-print {
        display: none;
    }
    .row-negative {
    	color: #000;
    }
    .portal.planning {
        border: none;
        padding: 0;
    }
    .listTable td {
        vertical-align: top !important;
    }
	.extState {
		font-weight: bold;
		margin-bottom: 10px;
		font-size: 1.1em;
		text-transform: uppercase;
	}
	.hideLink {
		display: inline-block;
		font-size: 0.9em;
		margin-bottom: 10px;
		margin-top: -6px;
		&:hover {
			text-decoration: underline;
		}
		&.inlineLinks {
			margin-left: 0;
			display: inline-block;
		}
	}
	.docToolbar {
		margin-left: 10px;
		span {
			font-size: 0.9em;
			margin: 0 5px;
			display: inline-block;
			color: #888;
		}
	}
	span.linkWithIcon{
		padding-left: 23px !important;
	}
	.docOutgoings .document {
		background-color: #ddecfd;
	}
	.docIncomings .document {
		background-color: #fdffe5;
	}

}

.smallIcon {
	display: inline !important;
}
.wide .external {
	.docIncomings {
		width: 1002px;
		.document {
			box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
		}
		.avatar {
			img {
				box-shadow: 0 0 2px rgba(0,0,0,0.9);
			}
			span {
				position: relative;
				right: 4px;
				top: -56px;
				width: 0;
				height: 0;
				border-style: solid;
				border-width: 30px 30px 0 0;
				border-color: #fdffe5 transparent transparent transparent;

			}
		}
	}
	.docOutgoings {
		width: 1002px;
		.avatar {
			margin: 10px 0 0 10px;
			img {
				box-shadow: 0 0 2px rgba(0,0,0,0.9);
			}
			span {
				display: inline-block;
				position: relative;
				left: 4px;
				top: -55px;
				width: 0;
				height: 15px !important;
				border-style: solid;
				border-width: 30px 30px  0 0;
				border-color:  #ddecfd transparent transparent transparent;
				transform: scaleX(-1);
			}
		}
		.document {
			margin-left: 0 !important;
			float:  right !important;
			border: 1px solid transparent;
			box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
		}
		&.currentEmailDoc .document {
			box-shadow: 2px 2px 2px rgba(0,0,0,0.3);
		}
	}
	.externalThread .avatar img {
		border-radius: 50%;
	}
}

.narrow .external div.hideLink {
	margin-top: 10px;
}

.wide .external .vertical .formTable {
    box-shadow: none !important;
}

.narrow .external{
	.scrolling-holder{
		display: block;
		width: 100% !important;
		overflow-x: auto !important;
		_overflow: auto !important;
    }
    .document{
	    margin: 0;
	    width: 95%
	}
}

.labelBreak {
	page-break-after: auto;
	page-break-inside: avoid;
	margin-bottom: 10mm;
}

.labelBreak:last-child {
	margin-bottom: 0mm;
}
.qrcode {
	height: 87px;
}
.narrow .qrcode {
	height: auto;
}
/*стилове за принтиране*/
@media print{
	.wide .singleView {
		display: block;
	}

	.noMediaPrint {
        display: none;
    }

	.smaller-text {
		font-size: 0.95em;
	}
	.document{
        min-width: 837px !important;
		width: 100%;
		max-width: 1200px;
		padding: 0px !important;
	}
	.no-print {
	   display: none;
	}
	.sidemenu {
	   display: none;
	}
	.blankImage img, .qrcode img {
        height: auto;
    }
    .blankImage img {
        max-width: 750px;
        max-height: 87px;
    }
    .qrcode img{
        max-width: 87px;
        max-height: 87px;
    }
	.richtext-message {
	   padding-left: 10px;
	}
	.richtext-question {
    	color: darken(#132c5c,10%);
	}
	.richtext-error {
 		color: darken(#D8000C,10%);
	}
	.richtext-tip {
    	color: darken(#c9841a,10%);
	}
	.richtext-success {
 		color: darken(#4F8A10,10%);
	}
	.richtext-warning {
    	color: darken(#9F6000,10%);
	}
	.richtext-info {
    	color: darken(#00529B,10%);
	}
	.folder-cover {
		border: none;
		font-size: 0.8em;
		background: #ffffff;
		@include no-shadow();
		padding: 10px;
		display: table;
		min-width: 600px;
		max-width: 750px;
		line-height: 1.2em;
		margin-top: 0;
	}
	.linkWithIcon, .docBgIcon,.button {
		padding-left: 0 !important;
	}
	span.sharing-history-title {
		padding-left: 3px !important;
	}
	.shifts table.mc-calendar {
		border-collapse: collapse;
		width: 100% !important;
	}
	.shifts table.mc-calendar td {
		padding: 5px;
	}
	.shifts table.mc-calendar td.mc-day {
		border: 1px solid #ccc !important;
	}
	.shifts .mc-wd-name {
		text-align: center !important;
	}
	.shifts table.mc-calendar td.mc-day span {
		text-transform: uppercase;
	}
	table.mc-calendar td.mc-day span {
		color: #000;
		margin-left: 5px;
		width: 10px;
		text-align: center;
	}
	.cal-legend td {
		font-weight: bold;
		text-align: center;
		padding: 3px;
	}
	table.mc-calendar td.mc-day {
		color: #333;
	}
	.richtextHide {
		display: block !important;
	}
	.aHeader {
		padding-left: 2px !important;
	}
	.printing-title {
		margin-bottom: 10px;
		display: block;
	}
	.tab-control.alphabet .tab {
		display: none !important;
		&.selected {
			display: block !important;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
		    box-shadow: none !important;
			color: #000 !important;
			margin-left: 0 !important;
			&:hover {
				background: none !important;
				a {
					color: #000 !important;
				}
			}
			a{
				color:#000 !important;
			}
		}
	}
	.printing-page-break {
	    page-break-after: always;
	}
	.print-break{
        page-break-after: always;
        &.print-nobreak{
            page-break-after: avoid;
        }
    }
    .footer-notes, .print-block, .footerDocTable, .footerDocBlock{
       	 page-break-inside: avoid;
    }
	#statuses, .toast-container{
       display: none;
    }
    body{
        background: white !important;
		margin: 0px !important;
    }
    .external .document{
        margin: 0;
        padding: 2px;
        float: none;
        min-width: 0;
        max-width: 840px;
    }
	.reportHolder .listTable tr td {
		break-inside: avoid;
		page-break-inside: avoid;

	}
    .external .docBgIcon{
       background-image: none !important;
       padding-left: 0 !important;
    }
    .external .document, .external .antetka{
	    border: none;
	}
	.overflow-scroll{
	   overflow-x: visible !important;
	}
    .footerDocBlock{
        display: block !important;
        border-top: 1px solid #666 !important;
    }
	.footerDocInfo {
        display: table-row !important;
    }
    .footerDocTable {
        display: table !important;
    }
    table.listTable > tbody > tr > td {
        vertical-align: top;
    }
    .richtext a {
       text-decoration: underline;
    }
    .row-negative {
    	color: #000;
    }
    .groupTitle {
    	white-space: nowrap;
    }
    .portal.planning {
        border: none;
        padding: 0;
    }
    .printVisible {
	    display: block;
	}
	thead {
		display:table-row-group;
	}
	.external .hideLink {
		display: none !important;
	}
	#quot-table{
		margin-top:0px;
	}

	#quot-table, #condition-title, #conditions,#quote-username, #details-holder, #optional-holder{
		margin-left:0px;
	}

	.products-table{
		width:100%;
	}

	#quot-title-td{
		width:60%;
	}
	.lu-light {
		text-decoration: none !important;
	}
	.webdrv-preview {
		page-break-inside: avoid;
		page-break-after: always;
		max-height: 267mm !important;
	}
	.belejka_container .belejka div.line div.text {
		font-family: "Courier New";
		font-size: 20px;
		letter-spacing: 0 !important;
	}
	.belejka_container .small_text_top_left, .belejka_container  .label_mid {
		font-size: 13px !important;
		color: #333 !important;
		font-family: Verdana !important;
	}
}

.narrow .folder-cover .groupTitle {
	white-space: normal;
}

.printing {
	.specialLink {
	   font-weight: bold;
	}
	a {
	   color: #000 !important;
	}
	.docBgIcon {
		padding: 0 !important;
		background-image: none !important;
	}
	.document {
	    font-size: 0.97em;
		border: none;
		background: #ffffff;
		@include no-shadow();
	    margin: 10px 0 20px 0px;
	    padding: 2px;
		float: none;
		min-width: 0;
		max-width: 840px;
	}
	.no-print {
       display: none;
    }
	.printing-title {
		margin-bottom: 10px;
		display: block;
	}
	.quote-header .cell {
		border: 1px solid #ccc !important;
	}
	.quote-header td b {
		background: transparent !important;
	}
	.tab-control.alphabet .tab {
		display: none !important;
		&.selected {
			display: block !important;
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
		    box-shadow: none !important;
			color: #000 !important;
			margin-left: 0 !important;
			&:hover {
				background: none !important;
				a {
					color: #000 !important;
				}
			}
			a {
			    color:#000 !important;
			}
		}
	}
	.innerTable td{
	   vertical-align: top;
	}
	.antetka{
	   margin: 5px 0;
	   border: none;
	   padding: 0;
	   width: 100%;
		background: none;
		.small {
			line-height: 1.5em;
			font-size: 0.85em !important;
		}
	   .top-table {
	       border-collapse: collapse;
	       td{
	           border: 1px solid #ccc;
	           padding: 3px;
	       }
	   }
	}
	.jobTable td {
	   vertical-align: top !important;
	}
	.portal.planning {
	   padding: 0;
	   border: none;
	}
    .linkWithIcon{
       background-image: none !important;
       padding-left: 0 !important;
    }
    .richtextHide {
        display: block !important;
    }
    .overflow-scroll{
       overflow-x: visible !important;
    }
    .footerDocInfo{
        display: table-row !important;
    }
    .footerDocBlock{
        display: block !important;
    }
    #fancybox-left, #fancybox-right{
        background-color: transparent !important;
    }
    .selectRows .listTable > tbody > tr > td:first-child {
        text-align: left;
    }
    .new-folder-btn {
        display: none;
    }
    .staticFormView .formFieldValue {
        border: 1px solid #ccc;
    }
    .header-state {
        display: none;
    }
	a.group-link:hover {
		cursor: default;
		background-color: #e4e4e4;
		color: #e70 !important;
	}
	.sharing-history {
		display: none;
	}
	.basicFontSize {
		font-size: 0.85em;
	}
	.miniText {
		font-size: 0.65em;
	}
	h3.richtext-title {
		padding: 20px 0 !important;
		margin-bottom: 0;
		font-size: 1.1em;
	}
	.em-holder .top-table td {
		border: none !important;
	}
	.quiet.saleBankBlock {
		color: #bbb;
		.quiet {
			color: #bbb;
		}
	}
}

.narrow .printing .document{
	width: 850px;
	.details{
	   max-width: 100%;
	}
}

/* Стилове за callcenter*/
.callcenter_Talks tr.group-by-date-row {
    background-color: #f0f0e0;
}

.listTitleButtons{
	margin-bottom: 15px;
}
.wasteBlockInThread {
	tr {
		td {
			font-weight: normal !important;
			font-size: 13px !important;
			border: none !important;
			border-bottom: 1px dotted #aaa !important;
			padding: 2px !important;
		}
		&:last-child td {
			border-bottom: none !important
		}
	}
}

tr.wasteWeightPercent td {
	font-weight: bold !important;
	border-top: 1px solid #aaa !important;
}
/*стилове за цвета на палитрa при лист изгледа */
.color-short img{
	border: 1px solid #000;
	width: 36px;
	height: 12px;
}

/*стилове за summary*/
.summary-block {
    float:right;
    padding:7px;
    background:#eee;
    margin-bottom:20px;
    color: #333;
}

.narrow .summary-block {
    clear: both;
	margin-top: 10px;
	float: left;
    font-size: 0.9em;
}

.summary-block table{
    border-collapse:separate;
}

.summary-block b {
    color:#333;
}

.summary-block b#count {
    margin-left:5px;
}

.summary-block td{
    padding:3px;
}

.summary-block td.summary-cell{
	padding-left: 15px;
	font-weight: bold;
}

.summary-block .border-top td{
    border-top:1px solid #ccc;
}

.narrow .summary-block b#count {
    margin-left:3px;
}

.summary-block .money-info{
    margin-left:3px;
}

/*статистика на продажби*/
.sale-summary {
    table {
		width: 100%;
		td, th {
		   text-align: center;
		   border: 1px solid $gray4;
		   border-collapse: collapse;
		}
		.sum-th {
		   background-color: $gray2;
		   font-weight: normal;
		   color: #555;
		   border-bottom: none;
		   padding:0px;
		   font-size:13px;
		}
		td {
			font-size: 1.3em;
			font-weight: bold;
			padding: 5px 3px;
			vertical-align: middle !important;
			span.quiet {
			   color: #ccc;
			   font-weight: normal;
			}
			&.vtop {
				vertical-align: top !important;
			}
		}
		.specialLink {
			white-space: normal;
		}
    }
}
.sale-summary .jobWorkInProgressTable table td.quantityCol {
	color: #888888;
}
.sale-summary .cartStatistic .sum-th {
	background: #c1c1c1;
	color: #333;
}

.cartStatistic td {
	border-color: #888 !important;
}

.narrow .sale-summary td .quiet{
    font-size: 0.8em;
}

.display-table .scrolling-holder{
    margin-bottom: 0;
}

.document .display-table .details .listToolbar {
	border-bottom: none;
}

.attentionIcon {
	background-image: url('../img/16/emotion_alert.png');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 0.9em;
}

.feather-icon{
	background-image: url('../img/16/feather.png');
	@include btn-style();
	margin-top: 7px;
	display: block;
}

.notBolded{
	font-weight: normal;
	font-size: 0.9em;
}

.plus-icon{
	display: inline-block;
	position: relative;
	top: 2px;
}

.linkRefIcon {
	position: relative;
	top: 2px;
}

.vislog {
	white-space:nowrap;
	display: inline;
    font-size:0.9em;
}

.vislog_History .vislog {
	font-size:0.8em;
	white-space:nowrap;
	margin: 0 10px;
}

.vislog-cnt, .vislog-ip, .vislog-country {
	padding:1px;
	border:solid 1px #ccc;
	background-color:#eee;
}

.single-thread .document .docStatistic div.alphabet .tab-page .detail-info {
	.logs-type-warning td {
        background-color: #fae3ca !important;
	}
	.logs-type-debug td {
	    background-color: #eee !important;
	}
	.logs-type-notice td {
	    background-color: #dff4fa !important;
	}
	.logs-type-err td {
	    background-color: #fad0d1 !important;
	}
}

.portalNews {
	.portalLatestFoldes {
		margin-top: 3px;
		background-color: rgba(100,100,100,0.1);
		padding: 3px;
	}
	.portalLatestThreads {
		margin-left: 20px;
		font-size: 0.95em;
		background: none !important;
		a {
			padding: 2px;
			display: inline-block;
		}
		&.state-opened a{
			color: green;
		}
	}
	.tUnsighted {
		font-weight: bold;
	}
	.threadSubTitle {
		margin-left: 20px;
	}
}

.document .reportHolder div.tab-control.alphabet div.tab-row .tab{
	padding: 4px 5px 5px !important;
	display: inline-block;
	background: #dddddd;
	&.selected {
		top: 0 !important
	}
}
.reportTableDataTotal {
	background-color: #ccc !important;
	font-weight: bold;
}
.logs-type-warning {
    background-color: #fae3ca;
}

.logs-type-login {
    background-color: #dbffdc;
}

.logs-type-debug {
    background-color: #eee;
}

 .logs-type-notice,  .logs-type-write {
    background-color: #dff4fa;
}

.logs-type-err{
    background-color: #fad0d1;
}

.logs-type-info, .logs-type-read {
    background-color: #fffef4;
}

/* Стилове за езика във външната част*/
.wide .langSelect{
	margin:10px 20px;
}

.narrow .langSelect{
	margin:20px auto;
}

.langSelect .langLink a {
	margin-top:10px;
	font-size:1.1em;
	display:block;
	padding:5px 10px;
	background-color:#eee;
	border:solid 1px #ccc;
    color:#333 !important;
}

.langSelect .langLink a:hover{
	background-color:#f3fbfb;
	outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.langSelect .langLink a.selected {
	background-color:#CCEEEE;
	color:#333 !important;
}

.langSelect .langLink img{
	position:relative;
	top:3px;
	margin-right:10px;
}

.listTable .label-holder {
	width: 95% !important;
    overflow-x: auto !important;
    height: auto !important;
    _overflow: auto !important;
}

.preview-label{
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	box-shadow: 0 0 1px #aaa;
	display: inline-block;
	position: relative;
	.legend {
	   position: absolute;
	   left: 20px;
	   top: -15px;
	   display: inline-block;
	   border: 1px solid #ddd;
	   box-shadow: 0 0 1px #bbb;
	   background-color: #fff;
	   @include border-radius(5px);
	   padding: 5px 10px;
	}
	> div{
	   width: auto !important;
	   height: auto !important;
	}
}
.treeView {
    .hidden{
        display: none;
    }
    .treeLevel1 .leafName {
        text-indent: 40px;
    }
    .treeLevel2 .leafName {
        text-indent: 60px;
    }
    .treeLevel3 .leafName {
        text-indent: 80px;
    }
    .treeLevel4 .leafName {
        text-indent: 100px;
    }
    .leafName {
        min-width: 250px;
    }
    .toggleBtn {
        margin-right: 3px;
        cursor: pointer;
        margin-left: -19px;
    }
    .treeLevel0 .toggleBtn {
        margin-left: 0;
    }
    .plus {
        display: none;
    }
    .closedChildren {
        .minus {
            display: none;
        }
        .plus {
            display: inline-block;
        }
    }
    .hiddenRow {
        display: none;
    }
}
.debug_block {
    padding:5px;
    margin:10px;
    border:solid 1px #777;
    background-color:#FFFF99;
    display:table;
    color:black;
}

.narrow div.tab-control div.tab-row .tab {
	font-size: 0.7em;
	padding: 3px 2px;
	&.selected {
	   padding: 3px 2px 4px;
	   .tooltip-button img {
	       width: 10px;
	       height: 10px;
	   }
	}
}

.tooltip
{
    text-align: center;
    color: #fff;
    background: rgba(30,30,30,0.9);
    border-radius: 5px;
    position: absolute;
    z-index: 9999;
    padding: 10px;
    font-size: 0.9em;
	.timeSpan {
		color: #ff9 !important;
	}
}

.narrow .tooltip {
	padding: 5px;
	font-size: 0.8em;
}

.tooltip:after /* triangle decoration */
{
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(30,30,30,0.9);
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}

.tooltip.top:after
{
    border-top-color: transparent;
    border-bottom: 10px solid rgba(30,30,30,0.9);
    top: -20px;
    bottom: auto;
}

.tooltip.left:after
{
    left: 10px;
    margin: 0;
}

.tooltip.right:after
{
    right: 10px;
    left: auto;
    margin: 0;
}
.endTooltip, .frontTooltip {
	img {
		width: 16px;
		height: 16px;
	}
}

.narrow .elem-holder .endTooltip {
	float: right !important;
}

.textHint {
	display: inline-block;
	border-bottom: 1px dashed;
}

.frontTooltip {
	display: inline-block;
}

.taskDetailDateCol .small{
	display: inline-block;
}
/* край на стилове за външната част при потребител контрактор */
.cd-l1{
    color: green;
}

.cd-l2{
    color: red;
}
.cd-l3 {
	color: red;
	animation: blink 1s linear infinite;
	-webkit-animation: blink 1s linear infinite;
	outline: red 2px solid;
    outline-offset: 2px;
}

@keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}
@-webkit-keyframes blink {
  from { opacity: 1.0; }
  to { opacity: 0.0; }
}

.zoneMovement.darkText {
	color: #2e3440;
	border-radius: 3px;
	border: solid 1px #bbb;
	padding: 2px;
	display: inline-block;
}

.zoneMovement.lightText {
	color: #eceff4;
	border-radius: 3px;
	border: solid 1px #bbb;
	padding: 2px;
	display: inline-block;
}

.document .details .safeKeepingDetail {
	border-top:1px solid #bbb;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	background-color:#eee;
	padding:2px;
	text-indent:5px;
	font-weight:bold;
}

.rackRevisionRow {
	background-color:rgb(255, 107, 75, 0.8);
}

.rack_ZoneDetails .listTable {
	width: 100%;
}

.workingTimeBlock table.typeTable {
	width: 100%;
}
.jobWorkInProgressTable .listTable th {
	text-align: center !important;
}
table.listTable>tbody>tr>td.wasteCol {
	font-weight: bold !important;
	background: #eee;
	.quiet {
		font-weight: bold !important;
	}
}
.selectTaskOptions {
	width:100%;
}
.selectTaskOptions td {
	padding:4px;
}
.selectTaskOptions tr.selectTaskFromJobRow {
	background-color: #eee;
	border:1px solid #bbb;
}
.selectTaskOptions tr.newTaskBtn {
	display:none;
}
.selectTaskOptions tr.selectTaskFromJobRow td {
	padding-left:8px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

.selectTaskOptions tr.createAllTasksForJob {
	font-style:italic;
}

.paramVal {
	font-weight: bold;
}

.price_reports_PriceList .paramVal {
	font-weight: normal;
}

.wide .operationTable .paramVal {
	word-break: break-word;
}

.narrow .operationTable .paramVal {
	white-space: nowrap;
}

.confidential-field {
	font-size:0.7em;
	font-weight:normal;
	color:#555;
	border:1px solid #cdcdcd;
	padding:2px 3px;
	position: relative;
	top: -2px;
}

table.bomProductionStepTable td{
	border:0px !important;
}

.ui-droppable {
	border:2px solid #ccc;
}

.ui-draggable-dragging   {
	background-color:white;
    z-index:100000 !important;
}

.ui-droppable-hover-top {
	border-top:2px solid red !important;
}

.ui-droppable-hover-bottom {
	border-bottom:2px solid red !important;
}

.loadingModal {
	position:   fixed;
	z-index:    1000;
	top:        0;
	left:       0;
	height:     100%;
	width:      100%;
	background: rgba( 255, 255, 255, .8 )
	url('../img/loading.gif')
	50% 50%
	no-repeat;
}

.stepProductSingleGroup {
	margin-top:5px;
	margin-bottom:5px;
	text-decoration: underline;
}

.stepParamTable td {
	text-indent: 15px;
}

.warning-balloon {
	border:1px dotted #fb9531;
	display:inline-block;
	padding:2px;
	border-radius:3px;
}

.taskInJobListRow {
	display:none;
}

.saleBankBlock a:link, .saleBankBlock a:visited{
	color:#888888;
}

.rateDiffDocumentTable td.rateDifferenceDocumentGroup {
	background-color:#eee;
	border:1px solid #bbbbbb54;
}

.rateDiffDocumentTable td{
	padding-top:4px;
	padding-bottom:4px;
}

.rateDiffDocumentTable td.rateDifferenceDocumentLink {
	text-indent:20px;
}

.priceBellowPrimeCost {
	font-weight:bold;
	background-color:red;
	color:white;
	padding: 1px 3px;
}

#fileDetail .row-holder {
	padding-right: 5px;
}
.ef-drag-scroll {
	display: flex;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;

	.tab {
		display: inline-block;
	}
}

.eshopHiddenRow {
	opacity:0.3;
}

.consumptionNoteBubble {
	display:inline-block;
	border:1px solid #bcbcbc;
	padding-left:5px;
	padding-right:5px;
}

.aiPromptBlock {
	background-color: #357ABD;
	color: white;
	border-radius: 3px;
	padding: 4px 7px;
	margin:0 0 10px;
	font-size: 0.9em;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

}

.aiLastPromptCaption {
	font-weight: bold;
	font-size: 1em;
}

.dialogHolder .result .dump {
	white-space: normal;
}

.contragentStatisticBlock {
	margin: 3px 0;
	padding: 3px 5px;
	border-radius: 8px;
	font-family: Arial, sans-serif;
	font-size: 16px;
	line-height: 1.6;

	&.overdue {
		box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);
		color: white;
		background-color: #ff4d4d;
	}

	&.sales {
		border: 1px solid rgba(204, 204, 204, 0.5);
	}

	&.purchases {
		border: 1px solid rgba(204, 204, 204, 0.5);
	}
}

.jobWorkInProgressTable {
	margin-bottom:10px;
	font-size:0.7em
}

.jobWorkInProgressTable td {
	font-weight:normal !important;
}

td:has(.gapList) {
	padding: 0 !important;
}

ul.gapList {
	padding: 0; /* Премахва падинга на списъка */
	margin: 0;  /* Премахва марджина на списъка */
	list-style: none; /* Премахва маркерите */
}

/* Подреждаме li елементите един под друг */
ul.gapList li {
	display: flex; /* Всеки елемент заема цял ред */
	align-items: center; /* Подравнява текста по вертикала (по средата на височината) */
	justify-content: center;
	padding: 15px;
	margin: 0;  /* Премахваме марджина на li */
	border: 1px solid #ccc; /* Леки граници */
	text-align: center; /* Центрира текстовете */
	font-size: 14px;

	&.idle {
		background: linear-gradient(to bottom, rgba(255, 99, 71, 1), rgba(255, 69, 0, 0.7)) !important; /* Ярко червен градиент с малък контраст */
	}

	&.break {
		background: linear-gradient(to bottom, rgba(144, 238, 144, 0.6), rgba(0, 255, 0, 0.3)) !important; /* По-нежен градиент */
	}
}

.fullTdDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

td.withFullDiv {
	position: relative;
	padding: 0;
}

tr.workInProgressBatchRow .workInProgressProductColName {
	text-indent:10%;
}

tr.workInProgressBatchRow {
	font-size:0.9em;
}

.currencySignNextToAmount {
	display:inline-block;
	min-width:1.5em;
	text-align:left;
}

.priceListHolder .currencySignNextToAmount {
	min-width: auto;
}



/*
скриване на част от клетки от листовия, които има дълъг текст
*/

td.td-clamp{
	--fade-color:#fff;              /* сменя се от JS с реалния фон */
	--lines-collapsed: 3;           /* свито: 3 реда */
	unquote("--lines-expanded-max: 10;");       /* разпънато: до 10 реда (после скрол) */
	unquote("--lh: 1.4em;");                    /* височина на ред */
	position: relative;
	vertical-align: top;
	--lines: 3;
}
.narrow td.td-clamp[data-overflow="true"] .clamp-ellipsis{
	bottom: 7px;
}

td.td-clamp .clamp-body{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: var(--lines-collapsed);
	line-height: 1.4;
	overflow: hidden;
	position: relative;
	max-height: 5.2em;
}

/* Маска и fade САМО когато е свито и има скрит текст */
td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-body{
	-webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 50%, rgba(0,0,0,0));
	mask-repeat: no-repeat;
	mask-size: 100% 100%;
}

td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-body::after{
	content: "";
	position: absolute;
	bottom: 0; left: 0; right: 1.5em;
	height: 1.4em;
	background: linear-gradient(to bottom, rgba(255,255,255,0), var(--fade-color));
	pointer-events: none;
}

td.td-clamp[data-expanded="true"] .clamp-body{
	display: block;                       /* ключово: махаме -webkit-box */
	-webkit-line-clamp: initial;          /* безопасно зануляване */
	-webkit-box-orient: initial;
	max-height: unquote("calc(1.4em * var(--lines-expanded-max))");
	overflow-y: auto;                     /* само вертикален скрол */
	overflow-x: hidden;
	-webkit-mask-image: none;
	mask-image: none;
	scrollbar-gutter: stable;             /* по избор: запазва място за скролбара */
}


/* бутонче */
td.td-clamp[data-overflow="true"] .clamp-ellipsis{
	position:absolute; right:-1px; bottom:-1px;
	cursor:pointer; font-weight:bold; color:#666; user-select:none;
}
td.td-clamp[data-overflow="true"]:not([data-expanded="true"]) .clamp-ellipsis::after{ content:"…"; }
td.td-clamp[data-overflow="true"][data-expanded="true"] .clamp-ellipsis::after{ content:"↥"; }