/****************************************************************
 *                                                              *
 *   Общи стилове на Experta Framework при рендиране върху      *
 *   клиенти с обичайно големи дисплеи и малки дисплеи          *
 *                                                              *
 ****************************************************************/

 /*общи функции и параметри*/
$blue: #048;
$dark-blue: #036;
$red: #c00;
$quiet-gray: #888;
$history-bg: #fefec2;
$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 !important;  
	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;
}

 /*край на общи функции и параметри*/

/*! normalize.css v2.1.2 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined in IE 8/9.
 */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */

audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: Courier New, monospace, serif;
    font-size: 1em;
}


/**
 * Tab-size default
 */
textarea, code, pre, samp, kbd {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}


/**
 * Improve readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */

q {
    quotes: "\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small, .small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9.
 */

img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari 5.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */

button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/**
 хак за смяна на цвета на плейсхолдърите в IE11
*/
input:-ms-input-placeholder {
	color: #999;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Remove the arrow in input when there is list
 */
input::-webkit-calendar-picker-indicator {
	display: none;
}
/**
	fix chrome input
 */
input, textarea, select,input:focus, textarea:focus, select:focus, input:hover, select:hover, textarea:hover {
	outline: none;
}

#simpleSearch {
	width:100%;
	border:solid 1px #ccc;
	display:block;
	position:relative;
	height:1.5em;
	margin-bottom: 20px;
	border-radius: 5px;
	box-shadow: 1px 1px 0 rgba(60,60,60,0.1);
}

.wide  #all #simpleSearch {
	padding: 3px 2px 2px;
}
#simpleSearch.forumSearch .button {
	top: -1px;
}

.narrow #cmsNavigation #simpleSearch {
	height:1.5em;
	min-width: 300px;
	margin-top: 15px !important;
}

.narrow #searchform {
	margin-bottom: 10px !important;
}

#simpleSearch input[type='text'], #simpleSearch #searchInput {
	display:inline-block;
	border:none !important;
	outline:none;
	height:1.2em;
	box-shadow: none;
 	width:90%;
	padding:0px;
	padding-left:0.2em;
}
.narrow #simpleSearch input[type='text'], .narrow #simpleSearch #searchInput {
	top:0.1em;
	position:absolute;
}
#simpleSearch button, #simpleSearch .button {
	width:10%;
	margin-right:0px;
	padding:0;
	height:1.8em;
	right:0;
	position:absolute;
	border:none;
	background-color:transparent;
	cursor:pointer;
	display:inline-block;
}

.narrow #simpleSearch button {
	right: 2px;
}


/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
	border: none;
}

 
/*височини на някои от елементите, за да няма разминавания при някои устройства */
 input[type="text"], input[type="color"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="url"], input[type="password"] {
	height: 1.5em;
}

select {
	height: 1.5em;
}

.wide .chzn-container .chzn-single {
	height: 1.3em !important;
	padding-top: 2px !important;
}

.narrow .chzn-container .chzn-single {
	height: 1.33em !important;
}

/*височини на някои от елементите, за да няма разминавания при някои устройства*/
@-moz-document url-prefix() {
    select {
   	    -moz-appearance: none;
	    background-image: url('../img/16/darrow.png') !important;
	    background-repeat: no-repeat !important;
	 	background-position: center right !important;
	    padding-right: 1em;
		padding-left: 0.2em;
	    -webkit-border-radius: 0;
    }
}


/*reseting webkit differences*/
@media screen and (-webkit-min-device-pixel-ratio:0), @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
    select::-ms-expand {
        display: none;
        
    }
    select {
	    -webkit-appearance: none;
	    background-image: url('../img/16/darrow.png') !important;
	    background-repeat: no-repeat !important;
	 	background-position: center right !important;
	    padding-right: 1em;
		padding-left: 0.2em;
	    -webkit-border-radius: 0;
    }

    .wide select {
      padding-top: 1px;
    }
     input[type="text"], input[type="color"], input[type="number"], input[type="tel"], input[type="email"], input[type="search"], input[type="url"], input[type="password"] {
		-webkit-appearance: none;
		border-radius: 0;
		margin: 0;
	}
	.wide input[type="text"], .wide input[type="color"],.wide  input[type="number"],.wide input[type="tel"], 
	.wide input[type="email"], .wide input[type="search"], .wide input[type="url"], .wide input[type="password"] {
		padding-top: 2px;
	}
	textarea {
		-webkit-border-radius: 0;
		-webkit-appearance: none;
	}
	.wide .chzn-container .chzn-single {
		height: 1.3em !important;
	}
	.narrow .chzn-container .chzn-single {
		height: 1.3em !important;
	}
}

/*our reset and common classes*/
body {
	background-color: $gray3;
	font-family: Helvetica,Arial,Verdana,Sans-serif;
	font-size: 16px; 
}

body.narrow {
    min-width:320px;
}

hr{
	border-color: #eee;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    opacity: 0.8;
}

a img {
	border: none;
}

legend img {
	vertical-align: middle;
}

select {
	margin-left: 0;
}

select option {
	background-color: inherit;
	color: inherit;
}

input {
	padding-left: 0.2em;
	padding-right: 0.2em;
}

textarea {
	padding: 0.1em;
	font-family: monospace;
}

select, input, textarea {
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 1.07em;
}

select.combo {  
	position: absolute; 
    visibility: hidden;
    overflow: hidden;
	cursor: text;
}

.checkbox, .radiobutton, input[type=checkbox], input[type=radio] { 
	border: none !important;
	box-shadow: none !important;
	background-color: transparent;
	outline: none;
	&.inputError ~ label {
		color: red !important;
	}
	&.inputWarning ~ label {
		color: blue !important;
	}
}
label .colorBox {
	position: relative;
	top: 4px;
	margin-right: 5px;
}

.checkbox, input[type=checkbox] {
	margin: 3px 3px 3px 4px;
}

.radiobutton,  input[type=radio] {
	margin: 2px 3px 3px 4px;
	vertical-align: middle;
}

img {
	color:transparent;
}

input[type=radio] + label, input[type=checkbox] + label {
	color: $quiet-gray;
	background-color: transparent !important;
	display: inline-block;
	vertical-align: baseline;
}

.narrow input[type=radio] + label, .narrow input[type=checkbox] + label {
    font-size: 0.9em;
}

input[type=radio]:checked + label, input[type=checkbox]:checked + label {
   color: #000;
   text-shadow: 1px 1px 1px #aaa;
}

.selectMenuItem {
    padding-top:3px;
}

.selectMenuItem input[type=radio] + label {
    white-space:nowrap;
}

.narrow .selectMenuItem input[type=radio] + label {
	vertical-align: middle;
	position: relative;
}

@-moz-document url-prefix() {
	.narrow .selectMenuItem input[type=radio] + label {
	    vertical-align: -1px;
	}
}

.top-table {
	border-collapse: separate;
	border-spacing: 2px;
}

.readonly {
	background: $gray3;
	border: solid 1px #aaa;
	min-width: 100px;
	select& {
		max-width: 36em;
	}
}

.calendar, .calendar table {
	border-collapse: separate !important;
	table-layout: fixed;
}

tr.zebra0 { 
    background-color: rgba(255, 245, 240, 0.5);
}

tr.zebra1 {
    background-color: rgba(240, 245, 255, 0.5);
}

.wide input[type=submit], .wide input[type=button] {
	cursor: pointer;
}

.narrow input[type=submit] {
	background-image: none;
}

.clearfix21:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.fright {
	float: right;
}

.fleft {
	float: left;
}
/*end of our common styles*/

/* BUTTONS */
a.button, input[type="button"], input[type="submit"], button {
	margin: 1px 0.5em 0 0;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    font-size: 0.8em;
    padding: 0.34em 0.5em;
    display: inline-block;
    @include border-radius(3px);
    -webkit-appearance: none;	  
}
 
a.button {
	box-sizing: border-box;
}

.narrow a.button, .narrow input[type=button], .narrow input[type=submit], .narrow button { 
	padding: 0.3em 0.4em;
    font-family: Tahoma, Arial, sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

a.button.fright, input[type="button"].fright, input[type="submit"].fright, button.fright {
	margin: 1px 0 0 0.5em;
}

.toggle-movement {
	cursor: pointer;
}

form[method=post] .toogleHolder {
	float: right;
	display: inline-block;
	.toogleBtn {
		&.toggleLeft {
			margin-right: 0 !important;
			border-radius: 5px 0 0 5px  !important;
			&.toggleOn {
			    color: lightgreen;
			}
		}
		&.toggleRight {
			margin-left: 0 !important;
			border-radius: 0 5px 5px 0 !important; 
			border-left: none !important;
			&.toggleOn {
				color: #f4f;
			}
		}
		&.toggleOn {
			box-shadow: inset 0 0 15px rgba(0,0,0,0.8); 
			background: #777 !important;
			text-shadow: 1px 1px 0 #333;
		}
		&.toggleOff {
			box-shadow: inset 0 0 20px rgba(255,255,255, 0.3);
			color: #eee !important;
			&:hover {
				background-color: #aaaaaa;
			}
		}
	}
}

h1:target, h2:target, h3:target, h4:target, h5:target, h6:target {
   color: blue;
}

a.header:hover {
	color: inherit;
}

.narrow .toolbar .button {
	border-right: 1px solid #999;
	margin-right: 2px;
	margin-bottom: 3px;
	@include border-radius(3px);
}

.btn-disabled { 
	color: $gray4 !important;
	cursor: default !important;
}

.out-btn{
	color: #080 !important;
}

.wide .noicon {
    padding-right: 6px !important; /* IE6 */
    padding-left: 6px !important; /* IE6 */
}

.location-input{
	position: relative;
	display: inline-block;
}

.picker-search-button {
	height: 2em !important;
	position: absolute;
	right: 0;
	margin: 0 !important;
}

.wide .btn-with-selected {
    background-image: url('../img/16/checked.png');
    @include btn-style();
}

.wide .btn-with-selected-disabled {
    background-image: url('../img/16/unchecked.png');
    @include btn-style();
}

.btn-with-selected-disabled:hover {
	background-color: $gray3 !important;
}

.btn-with-selected-disabled {
	color: #999 !important;
	cursor: default !important;
}

.btn-with-selected-disabled:hover {
	background-color: $gray3 !important;
}

.wide .btn-settings { 
	background-image: url('../img/16/settings.png');
	@include btn-style();
}

.wide h2 .btn-settings {
	font-size: 0.55em;
	top: -0.2em;
	position: relative;
}

table .linkWithIcon {
	margin-bottom: 2px;
}

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

.form-filter-btn .toolbar .linkWithIcon {
	float: left;
}

.linkWithIcon{
	padding-left: 25px !important;  
	background-repeat: no-repeat !important;
	background-position: 3px center ;
	background-size: 16px 16px;
	&.sick {
		background-image: url('../img/16/sick.png');
	}
	&.trip {
		background-image: url('../img/16/working-travel.png');
	}
	&.leave {
		background-image: url('../img/16/leaves.png');
	}
	&.home {
		background-image: url('../img/16/house_blue.png');
	}
	&.office {
		background-image: url('../img/16/company-building-icon.png');
	}
	&.work {
		background-image: url('../img/16/clock_green.png');
	}
	&.after-work {
		background-image: url('../img/16/clock_red.png');
	}
	&.birthday {
		background-image: url('../img/16/birthday.png');
	}
	&.nameday {
		background-image: url('../img/16/orthodox.png');
	}
}

.toolbar-first input.onlyIcon {
	padding: 0.34em 5px 0.34em 5px !important;
	box-sizing: border-box;
	width: 26px;
	background-position: center !important;
}

.narrow .toolbar-first input.onlyIcon {
	width: 28px;
}

a.linkWithIcon.small-padding-icon {
	padding-left: 15px !important;
	background-position: 0px center;
}

a.linkInTitle {
	color: #004488 !important;
}

.smallLinkWithWithIcon {
	display: inline-block;
	width: 12px;
	height: 12px;
	top: 2px;
	position: relative;
	margin-bottom: 0 !important;
	opacity: 0.8;
	&:hover {
	   opacity: 1;
	}
}

.linkWithIconSpan {
	display: inline-block;
}

input.more-btn {
	float: left;
	margin-bottom: 0;
	background-position: center center;
	background-image: url(../img/16/toggle1.png) !important;
	background-repeat: no-repeat !important;
	padding-left: 0.3em !important;
	padding-right: 0.3em !important;
	width: 1.9em;
	height: 2em \9;
}

.more-btn:not(.toolbar-btn, .transparent) {
	background-repeat: no-repeat !important;
	background-image: url(../img/16/toggle1.png) !important;
}

.toolbar-btn {
	cursor: pointer;
	margin: 4px;
	opacity: 0.8;
	&:hover {
	   opacity: 1;
	   transition-property: opacity;
	   transition-duration: 0.5s;
	   transition-timing-function: ease-in-out;
	}
}

.hiddenToolbar {
	display: none;
}

.small .modal-toolbar{
	.linkWithIcon {
		height: auto !important;
		font-size: 1em;
	}

}

.small .fileHolder {
	display: block;
}

.filePath{
	word-wrap:break-word;
	display:block;
	margin-bottom: 15px;
	padding-top:10px;
	.linkWithIcon {
		padding-left: 22px !important;
	}
}

a.more-btn {
	padding-left: 17px !important;
	height: 16px;
}

.more-btn.linkWithIcon {
    padding-left: 22px !important;
}

.narrow .more-btn {
	float: none;
}
.more-btn.show-btn {
	background-image: url(../img/16/toggle2.png) !important;
}
.newIconStyle {
	height: 14px;
	width: 14px;
	display: inline-block;
	background-image: url(../img/16/small-minus.png);
	&:hover {
		cursor: pointer;
	}
}
.expand .newIconStyle, .newIconStyle.openAllRows {
	background-image: url(../img/16/small-plus.png) !important;
}

.collapse .newIconStyle {
	background-image: url(../img/16/small-minus.png);
}

.shortSelect {
    border: none;
    outline: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    &:focus {
        outline: none;
        box-shadow: none;
    }
    option {
        color: #222;
    }
}

.docBgIcon {
	padding-left: 22px !important;  
	background-repeat: no-repeat !important;
	background-position: 3px center;
	background-size: 16px 16px;
 	padding: 0.1em;
}

.narrow .docBgIcon {
	background-position: 3px 5px;
}

.wide .icon { 
	display: inline-block;
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	background-position: left center;
}

.addRoute {
   	display: inline-block;
   	width: 16px;
   	height: 16px;
   	padding-left: 5px !important;
	position: relative;
	top: 2px;
}

/*бутони с инструменти*/
div.rowtools { 
	display: inline;
	width: 100%;
}
 
.rowtools .r {
	vertical-align: middle;
	display: table-cell;
	text-align: right;
	position: relative;
	top: 2px;
}

th .rowtools .r {
	top: 0px;
}

.rowtools .l {
	vertical-align: middle;
	display: table-cell;
	text-align: left;
	img {
		vertical-align: middle;
		margin-right: 5px;
		border: none;
	}
}

th .rowtools .r, th .rowtools .l {
	vertical-align: baseline;	
}

.rowtools .nw {
	white-space: nowrap;
}

.sortBtn {
    vertical-align: middle;
}
/*край на бутони*/


/* Общи стилове за линковете */
a {
  &:link, &:visited {
    text-decoration: none;
  }
  &.out:hover{
    text-decoration: underline;
  }
}

.login-links {
	font-weight: bold;
	border-bottom: solid 1px #ccc;
	padding: 2px;
}

.err-word {
	border-bottom: 1px dashed #ff6566;
	display: inline-block;
}
/* край на общи стилове за линковете */


/*Хипервръзки към профилите на потребители*/
a.profile {
	padding: 2px;
    border-radius:3px;
	&.ceo {
		color: #0000cc;
		&.inactive {
			color: #333399;
		}
		&.active {
			color: #0000ff;
		}
	}
	&.manager {
		color: #a000b0;
		&.inactive {
			color: #773387;
		}
		&.active {
			color: #bb00cb;
		}
	}
	&.officer {
		color: #00aa00;
		&.inactive {
			color: #447744;
		}
		&.active {
			color: #00cc00;
		}
	}
	&.executive {
		color: #aa6600;
		&.inactive {
			color: #886622;
		}
		&.active {
			color: #dd8800;
		}
	}
	&.partner {
		color: #cc0000;
		&.inactive {
			color: #993333;
		}
		&.active {
			color: #ff0000;
		}
	}
	&.no-one {
		font-style: italic;
	}
	&.state-rejected {
		display: inline-block;
		color: #777 !important;
	}
}

.profile-state {
	text-decoration: underline !important;
}

.profile-state-tomorrow {
	text-decoration: underline !important;
	text-decoration-style: dotted !important;
}

.profile-state-access {
	text-decoration: underline !important;
	text-decoration-style: dashed !important;
}
/*край на хипервръзки към профилите на потребители*/

/*състояния*/
.state-draft {
    background-color: #bff;
	background-color: rgba(187, 255, 255, 0.7);
}

.state-active {
    background-color: #fed;
	background-color: rgba(250, 221, 187, 0.7);
}

.state-opened {
    background-color: #bfc;
}

.state-opened-link > a {
	color: green;
	padding-right: 4px;
}
.portal .state-opened {
	color: green;
	background-color: transparent !important;
}
.state-pending{
    background-color: #ecf;
	background-color:rgba(238, 204, 255, 0.7);
}

.state-pending-link > a {
	background-color: #f7ebf8;
    padding-right: 4px;
    box-shadow: inset 0 0 3px #f4e4f5;
}

.state-closed-link > a {
	background-color: #ddd;
	padding-right: 4px;
	box-shadow: inset 0 0 3px #ccc;
}

.state-stopped-link > a {
	background-color: #fee3ad  ;
	padding-right: 4px;
	box-shadow: inset 0 0 3px #ffbb33;
}

.state-late-link > a {
	background-color: #fecccc  ;
	padding-right: 4px;
	box-shadow: inset 0 0 3px #fea3a3;
}

.state-rejected-link > a{
    background-color: #f3c9c8;
    padding-right: 4px;
    box-shadow: inset 0 0 3px #eca7a6;
}

.state-waiting-link > a {
	background-color: rgba(210, 255, 70, 0.4);
	padding-right: 4px;
	box-shadow: inset 0 0 3px #aaf277;
}

.state-closed {
    background-color: #eee;
	background-color: rgba(230, 230, 230, 0.7);
}

.state-stopped, .state-blocked {
    background-color: #ffbb33;
	background-color: rgba(255, 187, 51, 0.7);
}

.state-rejected { 
    background-color:#CC6666;
    background-color: rgba(204, 102, 102, 0.8);
}

.state-edited {
	background-color: #0f61a0;
	background-color: rgba(15,97,160, 0.8);
}

.state-waiting {
	background-color: #cef763;
	background-color: rgba(210, 255, 120, 0.6);
}
.state-debit {
	background-color: #d4edda;
	&:hover {
		background-color: #c3e6cb !important;
	}
}
.state-credit {
	background-color: #f8d7da;
	&:hover {
		background-color: #f5c6cb !important;
	}
}
.state-removed {
	background-color: #ddd;
	color: #888;
	text-decoration: line-through;
}

.state-rejected {
	td, .document th, .document td a, .document p, .document h3, .document h4,
	.richtext, .document a, .document span:not(.state), .richtext div, .cCode, .antetka,  .row-fluid div,
	.document ul, .document ol, .document li, .document b, .document font, .document legend, .small {
		color: #999 !important;
		text-decoration: line-through !important;
	}
	.tagColumn {
		opacity: 0.5;
	}
}
.soft-rejected {
	background-color: #e2aaaa;
	padding: 2px;
	border-radius: 3px;
}

.single-thread .state-rejected .document .tab-top div.alphabet .tab-row .tab {
	opacity: 0.5;	
	&:hover, &.selected {
		background-color: #cccccc !important;
	}
} 

.state-rejected {
    div.tab-control.deal-history-tab .tab-row .tab a, .single-thread .document .tab-top div.alphabet .tab-row .tab a {
        color: #999 !important;
        text-decoration: none !important;
    }
	.row-fluid table td, .row-fluid table {
		border-color: #999 !important;
	}
}

.hidden-document.state-rejected{
	opacity: 0.6;
}

.state-template {
	background-color: #A5AAFF;
	background-color: rgba(165, 170, 255, 0.7);
}

.sale-with-active-job {
	background-color: #b1ebc0;
	padding: 1px !important;
	border-radius: 5px;
	display: inline-block;
}

.sale-with-closed-job {
	background-color: #ccc;
	padding: 1px !important;
	border-radius: 5px;
	display: inline-block;
}

.document .state-rejected.state, .document .state-rejected.state a {
	color: #444 !important;
	text-decoration: none !important;
}

.detail-info.state-rejected {
    td, th, a, p, span, ul, ol, li, div {
        color: #999 !important;
        text-decoration: line-through !important;
    }
}

.state-rejected .document .profile{
    text-decoration: none !important;
}

.state-rejected .docBgIcon, .state-rejected .document .docBgIcon b, .state-rejected .document .docBgIcon a {
    color: #444 !important;
}

.state-rejected .document img, .state-rejected .anchor-arrow {
    opacity: 0.5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.state-rejected .linkWithIcon.state-rejected {
    background-color: transparent;
}

.state-free { 
    background-color: #33CCF5;
	background-color:rgba(51, 204, 245, 0.7);
}

.state-hidden {
    background-color: #ffee77;
}

.state-revert {
    background-color: #cc9933;
}

.state-wakeup {
    background-color: #2baf4c;
	background-color:rgba(43, 175, 76, 0.7);
}

.row-negative {
    color: #f33;
}

.state-created {
	background-color: #d896c5;
}

.state-restore {
	background-color: #93d0ff;
}

.stateIndicator {
    height: 0.6em;
    width: 0.6em;
    border: solid 1px #999;
    @include border-radius(0.3em);
}
/*край на състояния*/


/* Стилове за елемента 'list Table' */
table.listTable { 
    margin: 0 0 15px 0;
    border: 1px solid $gray4;
	> thead > tr > th {
	    border: 1px solid $gray4;
	    padding: 4px 3px 2px;
	    background-color: $gray2;
	    font-weight: bold;
	    vertical-align: middle;
	    line-height: normal;
        text-align: center;
	}
	> tbody > tr > td {
	    border: 1px solid $gray4;
	    padding: 4px 3px 3px;
	    line-height: normal;
		vertical-align: middle;
		word-wrap: break-word;
	}
	.document h2 {
		margin-top: 3px;
    }
    > tbody > tr.row-error > td {
        color: #900;
    }
	.rowNumColumn {
		width: 1%;
	}
}

.formSection .listTable td {
	vertical-align: top;
}

.listAction table.listTable, table.listTable.listAction  {
	> tbody > tr > td {
		max-width: 400px ;
	}
}

.single-thread  table.listTable {
	> tbody > tr > td {
		max-width: none;
	}
}

.detailNumbering {
	text-align:right;
	//padding-top: 2px;
	display: block;
}

.narrow table.listTable {
	margin-bottom: 12px;
}

.more-btn.transparentBtn {
	width: 16px;
	height: 16px;
	display: inline-block;
	position: absolute;
	left: 5px;
	top: 5px;
	cursor: pointer;
	background: none !important;
}

.wide .singleView table.listTable > tbody > tr > td {
    max-width: 400px;
}

.wide .singleView table.listTable {
    max-width: 915px !important;
}

table.listTable:not(.noHoverTable) > tbody > tr:hover, table.listTable:not(.noHoverTable) > tbody.rowBlock:hover > tr {
 	background-color: $beige;
    &.state-draft {
        background-color: darken(#bff, 10%);
	}
	&.state-active {
	    background: darken(rgba(250, 221, 187, 0.5), 10%);
	}
	&.state-opened {
	    background-color: darken(#bfc, 7%);
	}
	&.state-pending{
	    background-color: darken(#ecf, 5%);
	}
	&.state-closed {
	    background-color: darken(#f1f1f1, 5%);
	}
	&.state-stopped, &.state-blocked {
	    background-color: darken(#fa0, 2%);
	}
	&.state-rejected { 
	    background-color: darken(#c66, 10%);
	}
	&.state-free { 
	    background-color: darken(#33CCF5, 10%);
	}
	&.state-hidden {
	    background-color: darken(#ffee77, 15%);
	}
	&.state-revert {
	    background-color: darken(#cc9933, 10%);
	}
	&.state-wakeup {
	    background-color: darken(#2baf4c, 5%);
	}
}

.listTitle {
	margin-bottom: 12px;
	font-size: 1.2em;
}

.wide table.listAction {
    min-width:760px;
	width: 100%;
}

.wide .user-profile .remote_Authorizations table.listAction {
	min-width: 0;
}
/* край на стилове за елемента 'list Table' */


/* Стилове за показване на формите */
/*грешки и предупреждения*/
.formError, .formNotice, .formWarning, .formCustomInfo, .formMiddleCaption  {
    font-size: 0.9em;
    padding: 10px; 
    margin-bottom: 10px;
  	@include border-radius(5px);
}
.formCustomInfo, .formMiddleCaption  {
	background-color: #fdfdc0;
	border: solid 1px #ccc;
	color:#666;
}

.formMiddleCaption {
	margin: 0 !important;
}

.formNotice {
	background-color: #ff6;
	border: solid 1px green;
    color:green;
}

.formError {
	border: solid 1px red;
	background-color: #ff6;
    color:red;
}

.formWarning {
	border: solid 1px blue;
	background-color: #ff6;
    color: blue;
}

.wide .formError {
    text-align: left;
    min-width: 300px;
}
 
.narrow .formError {
 	width: auto;
 	margin: 4px;
    padding: 5px; 
    font-family: Arial,Verdana;
    ul {
    	margin-left: 10px;
    }
}

.formError li.ignored {
    color: #aaa;
}

.inputError {
    border: solid 1px red;
}

.formBottom {
	margin-bottom: 15px;
	padding: 5px;
	margin: 10px -15px 0;
	background: #a1bef9;
	border: 1px solid #5c8ef4;
	text-align: center;
	&.bottomErrorClass {
		border: 1px solid #c00;
		background-color: #ff6d6b !important;
	}
}

.formFooter {
	font-size: 0.9em;
	padding-bottom: 10px;
	label {
		max-width: none !important;
	}
	.checkbox, input[type=checkbox] {
		margin-right: 4px;
		position: relative;
		top: 1px;
	}
	input[type=checkbox]:checked + label {
		color: #222 !important;
	}
	input[type=radio] + label a, input[type=checkbox] + label a {
		opacity: 0.8;
	}
	input[type=checkbox]:checked + label a {
		opacity: 1;

	}
	input[type=checkbox].inputError + label {
		color: red;
	}
}

form .inputAdvanced {
    background-color:#dfd !important;
}

.inlineForm .listFilter form {
	float: none !important;
}
.folder-cover .groupList .inlineForm{
	.hFormField input {
		height: 26px !important;

	}
	.form-filter-btn input {
		height: 26px !important;
		position: relative;
		top: -1px;
	}
}


.inputWarning {
    border: solid 1px blue;
}

span.inputLackOfChoice {
   border:solid 1px #bbb;
   background-color:#ddd;
   padding:4px;
   border-radius:2px;
}

.narrow span.inputLackOfChoice {
	display: block;
	white-space: normal;
}

span.inputLackOfChoiceMandatory {
    padding:4px;
    background-color:yellow;
    border:solid 1px red;
    border-radius:2px;
}

.wide .hFormField .inputLackOfChoiceMandatory {
	position: relative;
	top: 4px;
}

.formInfo, .formWarning {
    margin-bottom: 8px;
}

 
.warningMsg {
    background: yellow;
    padding: 5px;
    border: dotted 1px green;
    color: green;
}

.errorMsg {
    background: yellow;
    padding: 5px; 
    border: dotted 1px red; 
    color: red;
}

.narrow .formInfo,  .narrow .formWarning {
    margin-bottom: 1px;
    margin-top: 8px;
}

.narrow .formError ul {
    padding-left: 1em;
}
/* край на грешки и предупреждения*/

/*общи стилове за елементите на формите*/
.formFields {
	margin-bottom: 10px;
}
.narrow .vertical .formFields {
    margin-bottom: 0;
}

.formMiddleCaption{
    padding: 5px;
	margin: 10px 0 10px;
	border-radius: 3px;
	
}

.mandatoryMiddleCaption{

}

.staticFormView .formFieldValue {
    border:solid 1px #99f; 
    padding:3px;
    background-color:#fff;
    min-height: 1.2em;
    overflow-x: auto ;
}

.wide #main-container .formTable .staticFormView .formElement {
    min-width: 200px;
}

.formFields > table {
	width: 100%;
}

.wide .formFields > table {
	margin: 5px 0 0;
}

.form-filter-btn {
	margin-top: 5px;
	margin-bottom: 15px;
}

.narrow .form-filter-btn {
	margin-left: 0;
}

.listFilter .vFormField {
	width:100%;
	select:not(.combo) {
	   max-width:400px;
	}
}

.formTable > tr > td {	
	padding: 3px;
}

.formTable .toolbar {
    margin-bottom: 0 !important;
}

.wide .listTopContainer .formTable { 
	@include no-shadow();
	border-collapse: separate;
}

.narrow .listTopContainer .formTable {
	border-collapse: separate;
}

.wide .groupList {
	line-height: 1.4em;	
}

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

.right-align {
	min-width: 120px; 
	text-align: right;
	line-height: 18px;
	padding-right: 15px;
	color: #888;
}

div.hFormField { 
	float: left;
	margin-right: 0.3em;
	margin-bottom: 0.3em;
}

td.formElement {
	padding:3px;
}

.narrow div.hFormField {
	float:none ;
	margin: 0;
}

.formFields > table > tbody > tr > td {
	padding-bottom: 7px !important;
}

.narrow .formFields table > tbody > tr > td {
	padding-bottom: 1px !important;
}

.formFields > table .richedit-toolbar {
	margin-bottom: 5px;
}

.narrow .formAll {
    display: table;
}

.formFieldCaption { 
	padding: 0.4em 0.4em 0.3em;
	white-space: nowrap;
	width: 1px;
	vertical-align: top;
	text-align:right;
	_width:auto;
	*width: auto;
}

.formFields input, textarea, select {
	margin-top: 0;
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset ;
}

.formFields input:focus, textarea:focus, select:focus, input:focus[type=submit], input:focus[type=button] { 
    outline: none;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset, 0 0 7px rgba( 153, 153, 255, 0.7);
}

.simpleForm{
	.vertical .formSection, .vertical .formTable, .vertical .formToolbar{
        box-shadow: none !important;
        border: none !important;
        background: none !important;
        padding: 0;
    }
    .formFields{
        margin:0;
    }
    .vertical .formGroup {
        font-weight: bold !important;
        color: black !important;
        background: none !important;
        border: none !important;
    }
}

.wide #main-container .formTable .formElement{
	min-width: 32em;
}

.formFields .fileLink {
    margin-top: 2px;
    padding-top: 2px;
    display: inline-block;
}

.wide .vertical .formFields  {
	.w100 {
       width: 100%;
    }
	  .w75 {
       width: 24em;
    }
	  .w50 {
       width: 16em;
    }
	  .w25 {
       width: 8em;
    }

    .inlineTo {
        .w25 {
            width: 7.5em;
        }
    }
}


.narrow .vertical .formFields  {
	 .w100 {
       width: 100%;
    }
	  .w75 {
       width: 100%;
    }
	  .w50 {
       width: 100%;
    }
	  .w25 {
       width: 50%;
    }
	.inlineTo {
		.w25 {
			max-width: 40%;
		}
	}
}
/* край на общи стилове за елементите на формите*/

/*тулбар*/
.wide .toolbar > div:first-child {
	display: block;
	margin-bottom: 8px;
}

.narrow .toolbar-first {
	display: inline;
}

.wide .toolbarHide {
	margin-top: -2px;
	margin-bottom: 8px;
}

.narrow .toolbarHide {
	display: inline;
}

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

.listToolbar {
	margin-top: 13px;
}

.narrow .listFilter {
	margin-left: -3px;
}

.narrow .tab-page .listFilter {
	margin-left: 0;
}

.listSummary {
	padding-bottom: 5px; 
	float: right;
}

.listPager {
	padding-bottom: 5px; 
	clear: both;
}

.listTopContainer {
	width: 100%;
}

.wide .listTopContainer {
	min-width:760px;
}

.narrow .ListToolbar, .narrow .SingleToolbar { 
	margin-top: 10px;
}

.narrow .toolbar {
	margin: 5px 0;
}

.wide .doc_Search {
	.listFilter {
		padding-bottom: 0;
	}
}

.narrow .doc_Search {
 	.pages {
 		padding-top: 3px;
 		margin-bottom: 13px;
 	}
 	.listTable {
 		margin-top:10px;
 	}
}

.toolbar #btnDelete {
	margin-right: 0;
	float: right;
}
/*край на тулбар*/


/*вертикални форми*/
.vertical .formTitle {
    font-size: 1.2em;
	border-bottom: none;
	padding: 8px;
	vertical-align: middle !important;
	word-wrap: break-word;
	box-sizing: border-box;
	@include border-radius4(5px, 5px, 0, 0);
	img {
		vertical-align: middle !important;
	}
}

.wide #all .vertical .formTitle img {
	vertical-align: top !important;
}

.narrow .vertical .formTitle {
	font-size: 1.2em; 
    font-family: Verdana;
    background-image: none;
	padding: 9px 7px 7px;
}

.vertical .formGroup {
    padding: 5px;
    margin: 10px 0 5px;
    border-radius: 3px;
}

.vertical .formAll { 
    background-color: blue;
    color: white;
}

.vertical .formSection {	
	border-left: solid 1px $gray4;
	border-right: solid 1px $gray4;
	background-image: url('../img/yellow.png'); 
	background-color: #ffffee;
	padding: 15px;
    padding-bottom: 0;
    color: black;
    vertical-align: top;
}

.wide #packWrapper .vertical .formSection {
	min-width: 34em;
}

.narrow .vertical .formSection {
	padding: 3px;
	background-image: none;
}

.wide .vertical .formTable {
	@include border-radius(5px);
    @include shadow4(2px,2px,8px,3px,#aab);
    margin-bottom: 20px;
    border-collapse: separate;
    max-width: 48em;
}

.narrow .vertical .formTable {
	 border-collapse: separate;
	 max-width: 42em;
}

.vertical .formToolbar {
	padding: 8px;
	@include border-radius4(0, 0, 5px, 5px);
	border: solid 1px $gray4;
	border-top: none;
	background: #ccc url('../img/formToolbarBg.jpg');
}

.wide .vertical .formToolbar .toolbar div{
	margin:2px 0;
}

.narrow .vertical .formToolbar {
	background-image: none;
	border: solid 1px $gray4;
	border-top: none;
	padding: 3px 6px 3px 6px !important;
    background-color: #ffffee;
    input {
	    margin-right: 5px;
	}
	.toolbar {
		margin:0 0 3px 0;
	}
}
.narrow .vertical .keylist td{
	overflow: hidden;
}

.narrow .vertical .keylist input[type=checkbox], .narrow .vertical .keylist input[type=radio]{
	vertical-align: middle;
}

.vertical .formTable select {
	margin-right: 3px;
}

/*край на вертикални форми*/


/*хоризонтални форми*/
.wide .horizontal .formToolbar { 
	float: left;
	margin-bottom: 13px;
	margin-top: -1px;
}

.wide .horizontal .formFields {
	float: left; 
	.combobox, select ,input{
	   max-width: 350px;
	}
}

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

.narrow .horizontal .formFields > div {
	margin-bottom: 10px;
}

.flashElem {
	background-color: #fffa99;
	transition: background-color linear 500ms;
	&input.combo, &input[type="checkbox"],
	&input[type="radio"], label, small& {
		background: none;
	}
}

.flashElem.select2 > .selection > .select2-selection {
	background-color: #fffa99 !important;
}
.multipleFiles {
	font-weight: bold;
}

 .input_align_horizontal {
	.multipleFiles {
		margin-right: 10px;
		display: block;
		float: left;
	}
}
.align_horizontal .fileHolder {
	padding: 5px;
}

.align_vertical .fileHolder{
	display: block;
	padding: 1px;
}

.input_align_vertical_btn, .input_align_horizontal_btn {
	float: left;
}
.align_vertical {
	float: left;
}
.input_align_vertical{
	float: left;
	.multipleFiles {
		clear: both;
		float: left;
		display: block;
		padding: 0px;
		.align_vertical, a {
			display: inline-block;
			padding: 1px;
		}
		.remove-file-link {
			position: relative;
			top: 3px;
			margin-left: 2px;
		}
		.remove-file-link-new {
			margin-top: 7px;
			position: relative;
			top: -2px;
			display: inline-block;
		}
	}
}
/*край на хоризонтални форми*/
.contextCursor {
	cursor: context-menu;
}

/*Загвавие, състоящо се от пътека*/
.path-title {
    font-size: 0.9em;
    display: inline;
	word-wrap: break-word;
}

.wide .path-title {
	margin-top: 2px;
	max-width: 1100px;
	display: block;
}

/*Загвавие, състоящо се от пътека*/


table.keylist {
	width: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: none;
	td {
		padding: 0.3em 0.1em 0 0.1em;
	}
	.inner-keylist {
		width: 100%;
		tr {
			height: 1.6em !important;
		}
		td {
			padding: 0.2em 0.1em 0.1em 0.1em;
		}
	}
	&.shrinked:not(.keylist-wide) {
	   td {
	       padding-right: 20px;
	   }
	}
}

.keylist.twoCols td {
	width: 50%;
}

.wide table.keylist.shrinked:not(.keylist-wide) {
	width: auto !important;
}

.narrow table.keylist{
	margin-bottom: -3px;
	td {
		padding-top: 0.1em;
		padding-bottom: 0 !important;
	}
}

td.keylist-group{
    padding: 0 !important;
    > div {
	    padding: 4px !important;
	    font-size: 0.95em;
	    margin-top: 1px;
	    cursor: pointer; 
	    position: relative;
	  
	    .minus, .plus {
	       position: absolute;
	       right: 3px;
           top: 5px;
	       display: none;
	    } 
	    .invert-checkbox {
	       float: left;
	       display: block;
	       margin-right: 5px;
	    }
	     .hidden {
	        display: none !important;
	    }
    }
}

.formGroup {
	position: relative;
	img {
	    display: inline-block;
	    position: absolute;
	    top: 7px;
	    right: 5px;
	}
}
.externalPage .formGroup img {
	right: 8px;
	top: 9px;
}

.narrow .formGroup img {
	top: 50%;
	margin-top: -8px;
}

.narrow td.keylist-group {
    .minus, .plus  {
        top: 7px;
    }
    .invert-checkbox {
       position: relative;
       padding: 5px;
       left: -5px;
       top: -3px;
       margin-right: -5px;
    }
}

.hiddenFormRow {
	display: none;
}

.openToggleRow {
    .formGroup {
        .btns-icon{
		   display: none !important;
	    }
    }
}

.opened td.keylist-group > div {
	.plus {
		display: none;
	}
	.minus {
		display: inline-block;
	}
}

.closed td.keylist-group > div {
	.minus {
		display: none;
	}
	.plus {
		display: inline-block;
	}
}

.inner-keylist .hiddenElement {
   display: none;
}

.statusIcon {
	text-decoration: none;
	display: inline-block;
}

.filed-sharedUsers label span.statusIcon {
	filter: unquote('grayscale(100%)');
	font-size: 0.95em;
}
/*край на стилове за показване на формите */
 
 
/* Стилове за странициране 'hlp_Pager' */
.pages {
	clear: both;
	margin: 16px 2px 8px 2px;
}

.narrow .portal .pages {
	clear: both;
	margin: 13px 0 5px;
}

.top-pager .pages {
	margin: 2px 2px 16px 2px;
}

.narrow .pages {
	margin: 16px 2px 16px 2px;
}

.core_Packs .pages {
	margin: 2px 2px 16px 2px;
}

a.pager {
    font-weight: bold;
    font-size: 1.05em;
    padding: 2px;
    margin-left: -2px;
    margin-right :4px;
    border: solid  1px transparent; 
    @include border-radius(4px);
    cursor: pointer;
	 &:hover, &.pagerSelected { 
	    @include border-radius(4px);
	    padding: 2px;
	    font-weight: bold;
	}
}

.narrow a.pager { 
	font-size: 0.95em;
	margin: 0.2em;
	margin-left: 0;
}
/*край на стилове за странициране 'hlp_Pager' */


/* Стилове за елемента 'tab' */
 .noSelect, div.richedit-toolbar, #mainMenu, #subMenu, div.tab-row, #nav-panel{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

div.tab-control .tab-title {
	font-weight: bold;
}

select.tab-control, select.tab-control option{
    @include rounded(top, left, 3px);
    @include rounded(top, right, 3px);
    background-color: rgb(221, 221, 221);
}

div.tab-control div.tab-row .tab {
	display: inline;
	margin: 1px -16px -1px 18px;
	padding: 4px 5px 5px 5px;
	float: left;
	z-index: 1;
	white-space: nowrap;
	position: relative;
	line-height: normal;
}

.narrow div.tab-control div.tab-row .tab.selected {
    padding: 4px 5px 6px 5px;
}

.narrow div.alphabet div.tab-row .tab {
	font-size: 0.6em;
}

.narrow div.tab-control div.tab-row .tab:first-child {
	margin-left: 10px;
}

.narrow div.tab-control.alphabet div.tab-row .tab:first-child {
	margin-left: 2px;
}
	
div.tab-control div.tab-page {
	clear: both;
	position: relative;
	top: 1px;
	padding: 1em;
	@include border-radius(5px);
}

.narrow div.tab-control div.tab-page {
	padding: 0.5em;
}

.narrow div.alphabet {
	margin-left: -2px;
	padding-bottom: 0;
}

.narrow div.tab-control.alphabet div.tab-page {
	padding: 0.1em;
}
/* край на стилове за елемента 'tab' */


/*таб alphabet*/
div.alphabet div.tab-row .tab {
	line-height: 1.1em;
	padding: 5px;
	font-size: 0.7em;
	text-align: center;
	margin: 2px 4px 5px 0;
	@include border-radius(5px);
	display: table;
	float: left;
	&:hover {
		margin-top: -1px;
		margin-bottom: 8px;
		background-color: $beige !important;
	}
	&:hover a {
		color: red !important;
	}
	&.selected {
		background: $beige;
		border: 1px solid #aaa;
		top: 0;
		margin: -1px 4px 8px 0;
		padding: 5px !important;
		@include shadow4(0px,0px,3px,1px,#ccc);
	}
}

div.alphabet div.tab-page {
	margin: 0;
	padding: 10px 0 0 0;
}
div.alphabet.twoRows {
	margin-top: -7px;
	div.tab-page {
		margin: 0;
		padding: 15px 0 0 0;
	}
}
.narrow div.alphabet  div.tab-row {
	float: left;
	padding-bottom: 5px;
}

.docStatistic {
	margin-top: 20px;
}

.single-thread .document .docStatistic .detail-info {
	padding: 0;
	margin-top: 0;
	font-size: 0.85em;
	border: none;
	.listTable td {
		background-color: $history-bg;
	}
	.row-state-returned td{
		background-color:#fed6d6;
	}
	.stateIndicator,.inline-date {
		display: inline-block;
	}
	.stateIndicator {
		&.state-active {
			background-color: #FED;
		}
		&.state-stopped {
			background-color: #FEADAD;
		}
		&.state-closed {
			background-color: $gray3;
		}
	}
}
.systemFlag {
	border-radius: 5px;
	font-weight:bold;
	padding: 1px 3px 2px;
	box-shadow: 1px 1px 0 rgba(0,0,0,0.4);
	font-size: 0.9em;
	&.critical_priority {
		background: #e00;
		color: #fff;
	}
	&.high_priority {
		background: #ee701e;
		color: #fff;
	}
	&.normal_priority {
		background: #eecf2c;
		color: #000;
	}
	&.low_priority {
		background: #999;
		color: #000;
	}
}

/*вътрешни alphabet табовете в документ - изглеждат като основните, но по-малки*/
.single-thread .document .docStatistic div.alphabet {
	padding-bottom: 0;
	.tab-page {
		padding: 0 !important;
		clear: both;
		border-top: 1px solid #ccc;
		box-shadow: 0 -1px 1px rgba(0,0,0,0.1);
		position: relative;
		top: 1px;
		@include border-radius4(5px,5px,0px,0px);
		overflow: hidden;
		z-index: 2;
		.detail-info {
			padding: 0;
			margin-top: 0;
			font-size: 0.85em;
			.listTable td {
				background-color: $history-bg;
			}
			.row-state-returned td{
			    background-color:#fed6d6;
			}
		}
		.listTable {
			width: 100%
		}
		 .listTable td {
			border: 1px dotted $gray4;
			text-align: center;
			padding: 2px;
			&:first-child{
			    white-space:nowrap;
			}
		}
		.listTable tr:last-child td {
			&:first-child {
				border-radius: 0 0 0 5px;
			}
			&:last-child{
				border-radius: 0 0 5px 0;
			}
		}
		.listTable th {
			background-color: $history-bg;
			border-left: 1px solid transparent;
			border-right: 1px solid transparent;
			border-top: 1px solid transparent;
			border-bottom: 1px dotted $gray4;
			color: #333;
			padding: 5px 0;
			&:first-child {
				border-left: 1px solid $gray4;
			}
			&:last-child {
				border-right: 1px solid $gray4;
			}
		}
	}
	.detail-info {
			border: none !important;
	}
	div.tab-row {
		padding-left: 10px;
		position: relative;
		top: 1px;
	}
}

.thread-opened div.alphabet .tab.selected {
	background-color: #E0FFE0 !important;
}

.narrow .single-thread .document div.alphabet div.tab-row {
	padding-bottom: 0px
}

.narrow .single-thread .document div.alphabet div.tab-row .tab select {
	margin: 4px;
}

.narrow .single-thread .document div.alphabet .listTable {
	font-size: 0.9em;
}

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

.top-tab-content{
    background: rgba(255,255,220, 0.4);
    padding: 10px;
    font-size: 0.95em;
    border-radius: 5px;
    legend img {
        margin-left: 5px;
        vertical-align: middle;
    }
    .detail-info {
        border:none;
        padding: 0 !important;
        margin: 0 0 20px 0 !important;
        &:last-child {
            margin-bottom: 0px !important;
        }
        .summary-group:first-child {
             margin: 0 !important;
        }
        .table-title{
            margin: 0 1px;
            background-color: #e1e1e1;
			display: block;
			line-height: 150%;
			font-size: 1em;
			padding-left: 10px;
			padding: 4px 10px 2px 10px;
			font-weight: bold;
			a img{
			     vertical-align: middle;
			}
        }
    }	
}


.badge {
	@include border-radius(9px);
	border-radius: 9px;
	color: #fff;
	background-color: #999;
	font-size: 0.84em;
	padding: 1px 7px 2px;
	position: relative;
	top: -2px; 
}

/* Стилове за елемента 'RichEdit' */
div.richEdit div.richedit-toolbar {
    padding: 4px; 
    font-size: 0.85em; 
    text-align: left;
	color: #333;
    font-size: 0.9em;
    margin-top: -4px;
}

.wide div.richEdit div.richedit-toolbar{
	min-width:300px;
}

.narrow div.richEdit div.richedit-toolbar {
	padding-top: 4px;
	font-size: 0.8em;
    padding-bottom: 4px; 
	font-family: Verdana, Geneva, sans-serif;
	margin-top: 0;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	margin-top:-4px;
}

div.richEdit {
    display:table;
    position: relative;
}

.narrow div.richEdit {
    display:block;
}

.narrow .richEdit textarea { 
  	width: 100% !important;
	border-bottom: 1px solid white;
}

.richEdit textarea {
	margin-bottom: 0;
	overflow: auto;
	border-bottom: 1px solid transparent;
	width: 32em;

}

.hiddenFormRow .richEdit textarea {
	min-height: 100px;
}

.wide .richEdit textarea {
	min-width: 310px;
}

.richedit-toolbar {
	position: relative;
	_height:1%;
}

.richedit-toolbar.inputError{
    border: solid 1px #F00 !important;
    border-top: none !important;
}

.richtext-relative-group {
	position:relative;
	display:block;
	float:left;
}

.richtext-relative-group a:hover {
	cursor: pointer;
}

a.rtbutton {
    border: 1px solid transparent;
    background: transparent;
    padding: 0.2em 0.3em 0.3em;
    cursor: pointer;
    display: block;
    float: left;
    height: 1.2em;
	min-width:15px;
	text-align:center;
}

.richtext-holder-group{
	z-index: 1001;
}

.richtext-holder-group a.rtbutton{
	background:#ddd;
    border: 1px solid #bba;
 	padding:4px;
	border-radius:0px !important;
}

.narrow a.rtbutton {
	padding: 0.2em 0.3em 0.3em;
	height:1.1em;
}

a.rtbutton:hover, a.rtbutton:active, a.rtbutton:focus {
    background: #d0d0ff;
    border-style: outset;
    border: 1px solid #bbd;
	border-radius:3px;
	color:black ;
}
a.lang {
	position: absolute;
	top: 2px;
	right: 4px;
    color:#fff;
    border: 1px solid #bbd;
    text-transform: uppercase;
    min-width: 22px;
    font-size: 0.9em;
    margin-top: 3px;
    text-align: center;
    padding: 2px 2px 1px 2px !important;
    border-radius: 3px !important;
    &.en {
        background-color: #05008e;
        color:#fff;
    }
    &.bg {
        background-color: #FFFF00;
        color: #000 !important;
    }
    &.ro {
        background-color: #AE1C26;
        &:hover {
            color:#fff;
        }
    }
    &.sr {
        background-color: #2b7728;
        &:hover {
            color:#fff;
        }
    }
    &.ru {
        background-color: #578ADE;
        color: #000;
    }
    &.it {
        background-color: #fff;
        color: #000;
    }
    &:hover {
        background-color: none !important;
        border-style: outset;
        border: 1px solid #99c;
    }
}

.narrow .richtext, .hyphen {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-break: break-word;
}

@-moz-document url-prefix() {
	a.lang{
	   padding: 2px !important;
	}
}
.richtext-emoticons, .richtext-emoticons2, .richtext-emoticons3, .richtext-emoticons4, .richtext-emoticons5, .richtext-emoticons7 {
    position: absolute;
    left: 0;
    bottom: 2.1em;
    display: none;
    white-space: nowrap;
    *width:600px;
    _width:600px;
}

.richtext-emoticons6 {
	position: absolute;
    right: 0;
    bottom: 2.1em;
    display: none;
    a.rtbutton {
        text-align: left;
		min-width: 70px;
	}
}
.narrow .richtext-emoticons6 a.rtbutton{
	min-width: 74px;
}

.richtext-emoticons5 {
    left: -260%;
}

.richtext-emoticons a.rtbutton, .richtext-emoticons2 a.rtbutton, .richtext-emoticons3 a.rtbutton, 
.richtext-emoticons4 a.rtbutton, .richtext-emoticons5 a.rtbutton {
    display: table-cell;
    float: none;
    padding: 0.2em 0.3em 0.1em;
    *display: block !important;
    *float: left !important;
    _display: block !important;
    _float: left !important;
}

.richtext-emoticons6 .rtbutton{
    float:none;
}

.rtbutton img{
    vertical-align:middle;
    display:inline;
    position:relative;
    top:-1px;
}

.narrow .rtbutton img {
    vertical-align: top;
    top: 1px;
}

.simple-toolbar .rtbutton{
    background-image:url('../img/16/paper_clip.png') !important;
    padding-left: 22px !important;  
    background-repeat: no-repeat !important;
    background-position: 3px center !important;
}

.narrow .richtext-holder-group a.rtbutton {
    padding: 0.3em 0.4em 0.3em;
    line-height: 1;
}

.popup-table-info{
	display: block;
	width: 80px;
	padding: 5px;
	background: #DDD;
    border: 1px solid #BBA;
	input{
	   max-width: 80px !important;
	}
	.popupBlock{
	   display: block;
	   margin-bottom: 5px;
	}
} 
/* край на стилове за елемента 'RichEdit' */


/*richtext*/
.richtext {
	color: #333;
	font-family: sans-serif;
	line-height: 1.4em;
}
h3.richtext-title {
    margin-top: 0!important;
    color: #333;
}
    
pre.rich-text {
    font-family: Courier New,monospace;
    padding: 10px;
    zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50F1F1FF,endColorstr=#50F1F1FF); 
	background: rgba(245,245,255,0.5);
    color: #000;
    line-height: 120%;
    border: solid 1px $gray3;
    white-space: pre-wrap;
	overflow: auto; 
	font-size: 0.97em;
	margin: 0;
}

.narrow pre.rich-text {
	font-size: 0.9em;
	white-space: pre-wrap;
	margin-left: -10px;
	margin-right: -10px;
	padding-bottom: 5px;
}

.narrow pre.rich-text code::-webkit-scrollbar {
	-webkit-appearance: none;
	width: 10px;
	height: 10px;
}

.narrow pre.rich-text code::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: rgba(0, 0, 0, .2);
}

div.richtext pre .code {
	border: 1px solid $gray3;
	background: transparent;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50F1F1FF,endColorstr=#50F1F1FF); 
	background: rgba(245,245,255,0.5);
	margin: 10px 0;
	padding: 10px;
	white-space: pre;
	word-wrap: normal;
}

div.richtext pre code {
	white-space: pre;
	word-wrap: normal;
	padding: 0;
	font-size: 0.97em;
	overflow: auto;
	background: transparent !important;
}

.printing .richtext .code {
	white-space: pre-wrap !important;
}

.richtext .oneLineCode {
	font-family: "Courier New",monospace;
	font-size: 0.96em;
	line-height: normal;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50F1F1FF,endColorstr=#50F1F1FF); 
	background: rgba(235,235,235,0.5);
	border: 1px solid $gray3;
	border-radius: 3px;
	margin: 0 2px 1px;
	padding: 0 5px 0;	
	display: inline-block;
	color:#000;
}

.narrow .richtext .oneLineCode {
	padding: 0 5px;
	margin: 0 0 1px;
}

div.code {
    background: rgba(255,255,230,0.5);
}

div.richtextHide {
	display: none;
	margin-left: 4px;
	border-left: dotted 1px #ccc;
	padding: 10px; 
}
.strike-text {
	color: #666; 
	text-decoration: line-through;
	.oneLineCode {
	   color: #666; 
	   text-decoration: line-through;
	}
}

/*richtext elements*/

.richtext h1, .richtext h2, .richtext h3, .richtext h4, .richtext h5, .richtext h6{
	margin-top: 0;
	margin-bottom: 5px;
	line-height: normal;
}

a.header{
    padding: 0 !important;
}

.narrow .richtext h1 {
	font-size: 1.4em;
}

.narrow .richtext h2{
	font-size: 1.25em;
}

.narrow .richtext h3 {
	font-size: 1.1em;
}

div.richtext li {
    margin: 0;
    padding: 0;
    margin-left: 1.5em;
    padding-top: 0.2em;
}

div.richtext ul, div.richtext ol{
	padding-left: 1.5em;
	margin: 0;
}

div.richtext > ul{
	padding-left: 1.5em;
}

div.richtext ul { 
	list-style-type: disc;
}

div.richtext ul ul{ 
    list-style-type: circle;
}

div.richtext ul ul ul{
	list-style-type: square;
}

div.richtext > ol {
	padding-left: 0.5em;
}

div.richtext ol {
	list-style-type: decimal;
}

div.richtext ol ol {
	list-style-type: lower-alpha;
}

div.richtext ol ol ol {
    list-style-type: disc;
}

.richtext-quote {
	color: #444;
	padding: 2px 0 0 15px;
	border-left: 5px solid $gray2;
	font-family: Courier New, monospace, serif;
    margin-bottom:5px;
}

.richtext > .richtext-quote {
	font-size: 0.9em;
}

.narrow .richtext-quote {
	padding-left: 5px;
}

.quote-title {
	margin-bottom: 0.1em;
}

.document .inlineRichTable.listTable {
    width: auto;
    td {
        height: 20px;
        min-width: 10px;
    }
}

/*richtext message-box*/
.richtext-message {
	font-family: Courier New,mono;
    border: 1px dotted;
    margin: 0 30px;
    padding: 7px 10px 5px 55px;
    min-height: 37px;
    background-repeat: no-repeat;
    background-position: 9px 7px;
    @include border-radius(5px);
    position: relative;
	&.no-margin {
		margin: 0 0 10px 0;
	}
}

.richtext-text {
	background-color: rgba(255,255,128,0.3); 
	padding: 10px;
	margin: 10px 0; 
	border: solid 1px #ccc;
	font-family: Courier New,mono;
}

.richtext-info {
    color: #00529B;
    border-color: lighten(#00529B, 30%);
    background-color: #BDE5F8;
    background-image: url('../img/info_blue.png');
}

.richtext-info-no-image {
	color: #00529B;
	border-color: lighten(#00529B, 30%);
	background-color: #BDE5F8;
	border: 1px dotted;
	margin: 0 30px;
	padding: 7px 10px 5px 10px;
	min-height: 20px;
}

.richtext-tip {
	color: #b05410;
	border-color: lighten(#c9841a, 30%);
    background-color: #FEFED8;
    background-image: url('../img/App-tip-icon2.png');
}

.richtext-warning {
    color: #9F6000;
    border-color: lighten(#9F6000, 30%);
    background-color: #ffdc7a;
    background-image: url('../img/dialog_warning.png');
}

.richtext-success {
    color: #4F8A10;
    border-color: lighten(#4F8A10, 30%);
    background-color: #DFF2BF;
    background-image: url('../img/ok.png');
}

.richtext-error {
    color: #D8000C;
    border-color: lighten(#D8000C, 30%);
    background-color: #FFBABA;
    background-image: url('../img/dialog_error.png');
}

.richtext-question {
    color: #132c5c;
    border-color: lighten(#132c5c, 30%);
    background-color: #92aee6;
    background-image: url('../img/Help-icon.png');
}

.narrow .richtext-message {
	margin-left: 0;
	margin-right: 0;
	font-size: 0.9em;
}

.richtext-message {
	h1, h2, h3, h4, h5, h6{
	   line-height:1;
	   margin: 0 !important;
	}
	.header{
       padding: 0 !important;
       display: block;
       clear: both;
       margin: 1em 0 1em 0 !important;
    }
	.header:first-child{
	   padding: 0 !important;
	   display: block;
	   margin: 0.2em 0 0.5em 0 !important;
	}
	h1 {
	   font-size: 1.8em;
       margin-top: 0.17em !important;
    }
    h2 {
       margin-top: -0.15em !important ;
    }
    h3 {
       margin-top: 0.6em !important;
    }
    h4 {
       margin-top: 0.7em !important;
    }
    h5 {
       margin-top: 0.9em !important;
    }
    h6 {
       margin-top: 1.2em !important;
    }
}

.document {
	.richtext-message {
	    .header:first-child h2 {
	       margin-top: 0.35em !important;
	       margin-bottom: 0.3em !important;
	    }
    }
}

.richtext-message a[href] {
	color: inherit !important;
	border-bottom: 1px solid;
	&:hover{
		  text-decoration: none;
	}
}

.richtext > .richtext-message:last-of-type {
    margin-bottom: 0;
}

/*край на richtext message-box*/


/*нотификации*/
div.notification-info {
	display: table;
	border: solid 1px $orange;
	background-color: $beige;
	text-align: center;
	font-weight: bold;
    margin: 10px; 
	margin-top: 0; 
    padding: 10px;
    font-size: 1.3em; 
    @include border-radius(15px);
}

.narrow div.notification-info {
	display: table;
	margin: 5px 0;
	border: solid 1px $orange;
	background-color: $beige;
	padding: 5px;
	font-size: 1.5em; 
	@include border-radius(0px);
}

div.statuses-message {
	display: table;
	text-align: center;
    font-size: 1.3em; 
    min-height: 32px !important;
    @include border-radius(5px);
    font-family: Courier New,mono;
    border: 1px dotted;
    margin: 10px auto;
    padding: 10px 10px 10px 55px;
    background-repeat: no-repeat !important;
    background-position: 9px 7px;
    position: relative;
}

div.statuses-warning {
    color: #9F6000;
    border-color: lighten(#9F6000, 30%);
    background-color: #ffdc7a;
    background-image: url('../img/dialog_warning.png');
}

div.statuses-success {
    color: #4F8A10;
    border-color: lighten(#4F8A10, 30%);
    background-color: #DFF2BF;
    background-image: url('../img/ok.png');
}

div.statuses-notice { 
    color: #00529B;
    border-color: lighten(#00529B, 30%);
    background-color: #BDE5F8;
    background-image: url('../img/info_blue.png');
}

div.statuses-error {
    color: #D8000C;
    border-color: lighten(#D8000C, 30%);
    background-color: #FFBABA;
    background-image: url('../img/dialog_error.png');
}

div.statuses-message h2 {
	margin: 0;
}   

.narrow div.statuses-message {
	margin: 5px 0;
	padding: 5px 5px 5px 55px;
	font-size: 1.1em; 
	@include border-radius(0px);
}
/*край на нотификации*/

.core_Cron .listTable td p { 
	margin: 5px; 
	font-family: monospace;
	font-size: 0.85em;
}

.anchor-arrow {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: -2px 5px 0;
}

/*цветове*/
.quiet {
	color: $quiet-gray;
	a {
		color: $quiet-gray !important;
	}
}

.quiet td {
	border-top-width: 0; 
	border-bottom: none; 
}

.red {
	color: #c00;
}

.green {
	color: #080;
}

.future {
	background-color: #9ec;
}

.current {
	font-weight: bold; 
	td {
		border-bottom: none; 
	}
}

.debug-info {
    color:black;
}

.debug-new {
    color:#0a0;
}

.debug-update {
	color:#0a0;
}

.debug-error {
	color:#d00;
    font-size: 1em;
}
#setupLog li {
    font-size: 0.5em;
}
/*край на цветове*/


/*стилове за пакети*/
.elem-holder {
	position: relative;
	display: block;
	width: 370px;
	padding: 8px;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
	box-shadow: 1px 1px 6px rgba(0,0,0,0.4);
	&.core-pack-state-active {
	   background: #fcfae8;
	}
	&.core-pack-state-draft {
	   background:#bbffff;
	}
	&.core-pack-state-closed {
	   background:#ddd;
	}
	&.core-pack-missing {
       background:#feadad;
    }
    &.core-pack-state-hidden {
        background:#ffee77;
    }
	.pack-title {
		display: inline-block;
		&:hover, &:hover b {
			text-decoration: underline;
		}
	}
	.deinstall-pack {
			position: absolute;
			right: 5px;
			top: 5px;
			width: 20px;
			height: 16px;
			padding: 0 !important;
			opacity: 0.9;
			&:hover{
				opacity: 1;
			}
	}
	
	.pack-info {
		display: block;
		margin: 0.25em 0;
		font-size: 0.9em;
		line-height: 1.1em;
		height: 3.3em;
	}

	b {
		margin-top: 3px;
		font-size: 1.2em;
		display: inline-block;
	}
	.elem-img {
		width: 84px;
		height: 85px;
		float: left;
		margin-right: 10px;
        margin-top: 5px;
        margin-left: 3px;
		img {
			width: 85px;
			height: 85px;
		}
	}
	.btns {
        min-height: 20px;
		display: block;
		float: right;
		color: #999;
		font-size: 0.8em;
		a {
			display: inline-block;
			margin: 0 3px;
			&:hover {
				text-decoration: underline;
			}
		}
	}
}

.narrow .elem-holder {
	width: 275px;
	.pack-info {
		font-size: 0.8em;
		line-height: 1.1em;
		margin: 0em 0.1em 0.3em 0;
		height: 4em;
	}
	b {
		font-size: 1em;
	}
	.btns {
		a {
			font-size: 0.85em;
			display: inline-block;
			padding: 0 0.5em 0.2em;
			margin: 0;
		}
	}
	.pack-title {
		margin-top: 0;
	}
	.elem-img {
		width: 64px;
		height: 65px;
		float: left;
		margin-right: 7px;
        margin-top: 20px;
		img {
			width: 64px;
			height: 65px;
		}
	}
}

.narrow select[name='pack'] {
	min-width: 290px;
}
/*край на стилове за пакети*/


/* Стилове за diff между html текстове */
span.del { 
	background-color: #fcc;
    text-decoration: line-through;
    color: #777;
}
span.ins { 
    background-color: #cfc;
}
span.cng { 
	background-color: #ffa;
	border-bottom: dotted 1px #cc9;
}
/* Край на стилове за diff */

/* Стилове за core_Packs */
.const-default-value {
	color: #669;
}

.const-default-value option {
	color: black;
}
/* Край на стилове за core_Packs */

.checkBrowser {
	width: 1px;
	height: 1px;
	display: block;
	overflow: hidden;
}

/*bugFix - линкове в toast*/
.toast-container a {
	color: #eee !important;
	font-weight: bold;
	&:hover{
	   text-decoration: underline;
	}
}

.toast-item-wrapper .debug-notice {
	color: #ff2828;
	font-size: 0.85em;
}

.toast-item-wrapper p{
	max-height: 150px;
	overflow-y: auto;
	padding-right: 10px;
	font-family: Arial,Verdana,Sans-serif !important;
}

.loginLog-first_login{
	background-color: #ffd !important;
}

.loginLog-success{
	background-color: #dbffe4 !important;
}

.loginLog-other{
	 background-color: #fee1e4 !important;
}

.core_LoginLog .group-by-date-row{
     background-color: transparent !important;
}

.fracPart{
	display: inline-block;
	text-align: left;
}

td.rightCol, th.rightCol {
	white-space: nowrap;
	text-align:right !important;
}

.listBlock > .listRows > , .listBlock > form > div > .listRows > , .listBlock > div > .listRows >{
	.listTable > thead > tr > th {
		white-space: normal;
		font-size: 0.95em;
	}
}

td.leftCol, th.leftCol {
	white-space:nowrap;
	text-align:left !important;
}

td.centerCol {
	white-space:nowrap;
	text-align:center;
	.modal-toolbar {
		white-space: normal;
		text-align: left;
		.linkWithIcon {
			display: block;
		}
	}
}

td.leftColImportant {
	white-space:nowrap;
	text-align:left !important;
}

.leftCell {
	text-align: left !important;
}

.dangerFile {
    color: #900 !important;
}
.wide .treelist {
	font-family: Consolas, Courier New, monospace;
}

.treelist {
    font-size:16px;
    width:100%;
	box-sizing: border-box;
    max-height:400px;
    white-space:nowrap;
	overflow-x: hidden;
    overflow-y:auto;
	position: relative;
	border:solid 1px #bbb;
	border-radius: 3px;
	background-color:white;
	padding:4px 20px 4px 4px;
	min-height: 26px;
	ul {
		list-style-type: none;
		margin:0;
		margin-left:17px;
		padding:0;
	}
	li {
		display:table;
		padding:0px;
		border-collapse: separate;
		&.row {
			padding: 2px;
		}
	}
	.trigger {
		cursor:pointer;
		font-style: normal;

	}
	input {
		position: relative;
		top: 2px;
	}
	i {
		display: inline-block;
		width: 14px;
		text-align: center;
	}
	.verbal {
		white-space: normal;
		a, span {
			background-color: #e4e4e4;
			border: 1px solid #aaa;
			border-radius: 4px;
			display: inline-block;
			font-size: 0.8em;
			padding: 1px 3px;
			color: #000 !important;
			opacity: 1;
			font-family: Helvetica,Arial,Verdana,Sans-serif;
		}
		span:hover {
			cursor: default !important;
		}
	}
	.underline {
		border-bottom: 1px dashed #ccc;
	}
    .hidden {display:none;}
	.more-btn {
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		right: 4px;
		top: 6px;
		cursor: pointer;
	}
	.plus-icon {
		background-image: url('../img/16/toggle1.png') !important;
	}
	.minus-icon {
		background-image: url('../img/16/toggle2.png') !important;
	} 
}
