@import url("/jnc/css/jnc.css?iframe_SitePreview=1");
@import url("/ap/css/icons/css/fullsoft.css?iframe_SitePreview=1");
/* @import url("/ap/css/icons/css/fontawesome.css"); */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700&subset=cyrillic&iframe_SitePreview=1');
@import url('https://fonts.googleapis.com/css?family=Libre+Barcode+39+Text&display=swap&iframe_SitePreview=1');
@import url("/ap/css/thisappBootstrap.css?iframe_SitePreview=1");
@import url("/jnc/css/menu.css?iframe_SitePreview=1");


:root{
  --button_min_h:1.2em;
}

.but {
    display: flex; 
    flex-direction: column;
    justify-content: center;
    align-items: center;
	min-height: var(--button_min_h); /* Гарантира, че височината на родителя няма да е по-малка от 3em */
    box-sizing: border-box; /* Включва padding-а във височината */
    padding-top: calc( (var(--button_min_h) - 100%) / 2 ); 
    padding-bottom: calc( (var(--button_min_h) - 100%) / 2 );
    cursor: pointer;  
}

:root {
	--fs-bacgrd:white;
	--silver:#dfd5d5;
	--fs-green: #1ab188; 
	--color-main: #1ab188;
	--fb-green: #0c8b61; 
	--fb-greenLight: #c0fae7; 
	--fb-greenLight2: #7bf4cd; 
	--fb-input: #fff8e3fa; 
	--fb-btnHover: #10b67f; 
	--fb-tblHeader: #03434f;
	--fb-tblRowLight: #e5eff7;
	--fb-tblRowDark: #d3e0e9;
	--fb-delete: #dc3545;
	--fb-edit: #e1a600;
	--fb-orange: #fd9502;
	--fb-rowSelect: #fd9502;
	--fb-bodyColor: #eaedf2; 
	--docTitle: #ffffe1; 
	--fb-txtColor:#495057;
	--fb-red:#ce414e;
	--fs-red:#d63241c7;
	--fs-gray: #0000000a;
	--fb-background-light: #ffffe1;
	--fs-bacgrdNoActive:#f90c0c38;
	--fs-bacgrdNoActive:#00000013;
	--fs-bkgrd-blue:#96dafe;
	--fs-bkgrd-silver:#d4d0c8;
	--fs-selectRow:#3085ffba;
	--fs-canceledTable: #ffe3e3;
	--checklist-dark: #e2e2e2; 
	--checklist-light: #f0f0f0; 
	/* new thisApp_v2.css */
	--input0:#fff8e3fa ;
	--selectRow-tree-txt:white;
}
  
/* @font-face {
    font-family: 'Libre_Barcode_39_Text';
    src:
    	 local('Libre_Barcode_39_Text Regular'),
    	 url('/ap/css/LibreBarcode39Text-Regular.ttf');
}   */
html, body{
	font-family: 'Open Sans', sans-serif;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
    margin: 0px; padding: 0px; 
	background-color: white;
	font-size: 14px;
	cursor: default;
	background-image: linear-gradient(to top, lightgrey 0%, lightgrey 1%, rgb(224, 224, 224) 26%, rgb(239, 239, 239) 48%, rgb(217, 217, 217) 75%, rgb(188, 188, 188) 100%);
}

.fa,.fas,.far,.fal,.fad,.fab {
  padding: 0.2em!important;
  
} 
/*jnc - css  */

.Calendar_ #callendar {
	border-radius: 0;
}
	input{
		border-radius: 3px;
		padding: 3px;
		background-color: var(--fb-input);/*  #f3d68133 */
	}
	
	input::placeholder {
	  font-size: 0.9em;
	  font-style: italic;
	  color: #b4b4b4;
	}
	input[disabled]{
		
		background-color: #ebebe4!important;/*  #f3d68133 */
	}
	input:focus{
		box-shadow:-1px 2px 3px 0px #8080805e;
		background-color: rgb(250, 255, 189) !important;
	}
	.TextInput_ {
		border-radius: 3px;
		border: none!important;
	}
	.TextInput_ .jnc-input-editor {
		border-radius: 3px;
		border: 1px solid gray!important;
	}
	.Datepicker_.jnc-input-editor {
		border-radius: 3px;
		border: 1px solid gray!important;
	}
	.NumericInput_ {
		border-radius: 3px;
	  
	}
	.Combobox_ {
		border-radius: 3px;
	}
	.ComboTree_ {
		border-radius: 3px;
	}
	.Combobox_>.jnc-input-wrap>.wrap>.edit{
		background-color: var(--fb-input);
	}
	.Combobox_>.jnc-input-wrap>.wrap>.edit:focus-within{
		background-color: rgb(250, 255, 189) !important;
	}
	.ComboTree_>.jnc-input-wrap>.wrap>.edit{
		background-color: var(--fb-input);
	}
	.ComboTree_>.jnc-input-wrap>.wrap>.edit:focus-within{
		background-color: rgb(250, 255, 189) !important;
	}
	.ComboMulty_ .edit input{
		background-color: var(--fb-input);
	}
	
	.TimePicker_>.jnc-input-wrap{
		height: auto;
	}
 	.TimePicker_>.wrap{
		height: auto;
		/* width: 15ch; */
	}
/* gan */	

	/*  #TimePicker-popup_{
	background-color: white;
    border: 1px solid gray;
    display: block !important;
    box-shadow: 0 0 3px 0px grey;
	}	
	#TimePicker-popup_ #Minutes{
	background-color: var(--fb-green);
    color: var(--white);
	}	 */
 
.Checkbox_.checked {
    content: '\e801';
    color: var(--fb-green)!important;
    display: inline-block;
    align-items: center;
    justify-content: center;
    /* font-size: 110%!important; */
}

.Checkbox_.checked.agree {
    content: '\e801';
    color: var(--fb-green)!important;
    font-size: 65%!important;
} 
.Checkbox_::before{
	font-size: 130%!important;
	font-weight: bold;
}

/*  RadioBut */
	input[type='radio']:hover {cursor: pointer;}

input[type='radio']:after {
	width: 15px;
    height: 15px;
    border-radius: 50%;
    content: '';
    display: inline-block;
    visibility: visible;
}

input[type='radio']:checked:after {
   /*  width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px; */
    left: -1px;
    position: relative;
    background-color: var(--fb-green)!important;
    content: '';
    display: inline-block;
    visibility: visible;
   border: 4px solid #dedede;
}
	
/*jnc - css  */
h1,h2,h3,h4,h5,h6 {
	margin: 0px; padding: 0px; border-style: none;

}

/* [class^="jt-ico-"]:before, [class*=" jt-ico-"]:before {
  margin-right: 0em;
  margin-left: 0em;
  example:  color: var(--fb-greenLight);
} */


.centerXY {
	border: 0.2px solid;
    box-shadow:0.1em 0.2em 0.2em ;
    display: inline-block;
    position: absolute;
	margin: auto;
 	position: absolute;
  	top: 0;
  	left: 0; 
  	bottom: 0; 
  	right: 0;
  	width:50%;
  	height:50%;
	background-color: white;
	z-index: 256;
	padding: 1em;
}


body.jp-supto .jp-supto-hide{
	display: none!important;
}

.CollapseButton{
	cursor: pointer;
}
.filter{
	/* background-image: linear-gradient(rgb(26, 188, 156), rgb(216, 216, 216)); */
	background-image: linear-gradient(rgb(26, 177, 136), rgb(216, 216, 216));
} 

.filterPopup{
	display: flex;
    /* border-top: 0.5px solid gray; */
    /* margin: 0.2em; */
    /* box-shadow: 0.1em 0.2em 0.2em; */
    /* box-shadow: 0 0.1em 0.1em 0 #545b62a8; */
    /* background-color: white; */
    z-index: 255;
   /*  max-height: 45%; */
    width: auto;
    overflow-y: auto;
    background-color: white;
    /* background-image: linear-gradient(#d8d8d8, #1ab188c7); */
    /* background-image: linear-gradient(rgba(26, 177, 136, 0.78), rgb(216, 216, 216)); */
}
.filterLabel {
	/* height : 50px; */
	padding: 5px ;
	align-items: center;
	background-color: white;
   /*  background-color: #0000002b; */
    /* align-items: center; */
	/* color: white;*
	background-color: #1ab188; */
}
.filterCaption{
	visibility:hidden;
	font-weight: 600;
	padding: 2px;
    margin: 3px;
    margin-right: 85px;
}
.filterButtton{
	
	/*margin-left: 15px;
	 display: flex;
    border-top: 0.5px solid gray;
    padding: 0.2em;
    box-shadow: 0.1em 0.2em 0.2em;
    box-shadow: 0 0.1em 0.1em 0 #545b62a8;
    background-color: white;
    z-index: 255;
    max-height: 45%;
    width: auto;
    overflow-y: auto; */
   
}

.filterButtton:hover {
	color: #e9ecef;
   /*  box-shadow: inset 0 0 0 3px rgba(127, 127, 127, 0.3); */
}
.filterValue {
	color: black;
	background-color: white;
}

.fb-filterBox {
	/* padding: 0.5em 0; */
    width: 100%; 
    background-color: white;
	/* 
	padding-bottom: 0.8em; 
	margin-bottom: 0.4em;
	box-shadow: 0px 0.4em  0.5em silver;
	background-image: linear-gradient(rgb(26, 177, 136), rgb(216, 216, 216)); */
}

.treeGrid{
	height:100%;
	padding: .2em;
    border: 1px solid #6c757d;
    cursor: default;
}

.treeDiv{
	padding: 5px;
    /* min-width: 10px; */
    background-color: var(--fb-background-light);
    cursor: default;
}


#tittle {
	width: 100%;
	justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem;
  	padding: .5em;
    color: #f1f2f2;
    font-weight: bold;
    background-color: var(--fb-tblHeader);

}
.titleSCR{
	width: 100%;
    /* min-width: 1024px; */
   /*  box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem; */
   	margin: 0 auto;
    position: relative;
    /* height: 50px; */
    background-color: var(--fb-green);
    /* text-shadow: 0 1px 0 #4a796c; */
}
.titleSCR h3 {
	align-items: center;
    display: flex;
    height: 100%;
    padding: 0.4em;
    color: white;
    text-align: left;
}

.splitter-x-l:hover{
	background-color: #4897AA!important;
}
.splitter-x-l{
	width: 5px;
	background-color: #bcbcbc!important;
	display: flex;
}

.splitter-l-x{
	height: 5px;
    background-color: #bcbcbc!important;
	display: flex;
}
.splitter-lx{
	width: 80%;
	margin: 0 25px;
    border-radius: 5px;
    height: 5px;
    background-color: #bcbcbc!important;
}
.splitter-l-x:hover{
	background-color: var(--fs-green)!important;
}
.contDiv {
	/* min-width: 1024px; */
	margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 0;
    padding-left:15px;
    padding-right: 15px;
   
   /*  min-height: 50%; */
   /*   background-color: var(--fs-bacgrd);
    box-shadow: rgba(0, 0, 0, 0.15) 0px 0.5rem 1rem; */
} 
.cbNameR{
	display: flex;
	width: 100%;
	border-bottom: 1px solid #00000013;
	padding-left: .3em;
	padding: 0.2em 0.3em;
}

.cbCodeR{
	display: flex;
	border: 1px solid #00000013;
	max-width: 10ch;
	width: 16ch;
	padding: 0 .2em;
	justify-content: flex-end;
	background-color: #28a7453b;
}

.cbEIK{
	display: flex;
	border-bottom: 1px solid #00000013;
	padding: .2em;
	justify-content: flex-end;
	/* background-color: #28a7453b; */
}

.errMsgHTML{
	color:red;
	background-color:  #ffffcc;
	border: 1px solid red; 
	padding: 1em 0.5em;
	display: inline-block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 200px;
    height: 100px;
    margin: auto;
	z-index: 256;
}
.fog {
	background-color: rgba(0,0,0,0.4);
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	right:0;
	bottom:0;
	display: none;
	z-index: 255;
}

#fog-container {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	right:0;
	bottom:0;
	align-items: center;
    justify-content: center;
    display: flex;
}

#fog-container:first-child {
	max-height: 100% !important;
	max-width: 100% !important;
}

.fog-container {
	position: fixed;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	right:0;
	bottom:0;
	align-items: center;
    justify-content: center;
    display: flex;
}

.fog .center-xy{
 	display: table-cell;
 	vertical-align: middle;
    text-align: center;
}


.shadowModal {
	display: inline-block;
 	background-color: white;
	box-shadow: 5px 5px black;
	border: 1px solid black;
	margin-left:auto;margin-right:auto;
	width: 97%;
}


.appBtn:hover {
    -webkit-filter: brightness(93%);
    filter: brightness(93%);
}

.appBtn:focus{
	border: 2px dotted black;
}

.appBtn {
 -webkit-box-sizing: border-box;
 box-sizing: border-box;
 border:1px solid #bebebe; 
 -webkit-border-radius: 0.3em; -moz-border-radius: 0.3em;border-radius: 0.3em;
 padding: 0px; 
 text-decoration:none; 
 display:inline-block;
 color: #575757;
 
 
 background-color: #F1F2F2; 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F2F2), to(#D4D2D2));
 background-image: -webkit-linear-gradient(top, #F1F2F2, #D4D2D2);
 background-image: -moz-linear-gradient(top, #F1F2F2, #D4D2D2);
 background-image: -ms-linear-gradient(top, #F1F2F2, #D4D2D2);
 background-image: -o-linear-gradient(top, #F1F2F2, #D4D2D2);
 background-image: linear-gradient(to bottom, #F1F2F2, #D4D2D2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F1F2F2, endColorstr=#D4D2D2);
 
 outline: 0;
 font-size: 1em;
 height: 1.9em;
 line-height: 1.9em;
 padding-left: 0.4em;
 padding-right: 0.4em;
 cursor: pointer;
}

/* .fsBut{
	background-color: #1ab188;
	border-radius: 5px;
	display: inline-block;
	font-size: 1.2em;
	text-transform: uppercase;
  	cursor: pointer;
} */

.popupBtn{
   -webkit-box-sizing: content-box;
    /* box-sizing: content-box; */
    background-color: white;
    border-radius: 4px!important;
    font-size: 1.2em!important;
    border: 1px solid #1ab188!important;
    /* padding: 0.1em 0.3em; */
    color: #1ab188;
    margin: 0.1em 0.1em!important;
    box-shadow: 0 0px 0px 1px rgba(108, 117, 125, 0.41)!important;
}
.BtnBorderWhite:hover {
    /* -webkit-filter: brightness(95%); */
    /* filter: contrast(100%), brightness(93%); */
    background-color: #1ab188;
    color: white;
}
.grid-popup-edit1{
/* .gridPopup{ */
	/* border-bottom: 2px solid #1ab188; */
	/* padding-bottom: 0.5em; */
	display: flex;
	/* background: rgb(191, 223, 255); */
    padding: 0.5em;
    border-radius: 5px; 
    border-left: 1px;
    border-right: 1px;
    border-top: 1px;
    /* align-items: center;
    justify-content: center; */
}

.groupTitle {
	/* padding: 0.6em; */
	/* background-color: var(--fb-txtColor)54; */
	width: 100%;
	border-radius: 3px;
	text-align: left;
	/* height: 50px; */
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	padding: 0.2em;
	/* float: right; */
}

.gridPopup >#delBtn{
	border:2px solid #a71e23;
	color: #a71e23;
}
.gridPopup  >#addBtn{
	border: 2px solid #808080;
    color: #808080;
}
.jn-grideditor-savepopup{
	z-index: 256;
}
.jt-ico-spin{
-webkit-animation-name: spin;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 1000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 1000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}
.row-2col{
	display: flex;
	flex-direction: row;
}
.row-3col{
	display: flex;
	flex-direction: row;
}
.PageFooter{
	position: absolute;
    left: 0;
    bottom: 0;
    min-height: 1;
    width: 100%;
    overflow: hidden;
}
.flex-col{
	display: flex;
	flex-direction: column;
}

.scrBut{
	height:100%;
	justify-content: flex-end;
	background-color: white;
	margin: 5px 0 0 0;
    padding: 5px;
    border-radius: 3px 0;
}
.fbBut-info {
	cursor: pointer;
    padding: .5em;
    /* margin: 5px 10px 0 10px; */
    border-radius: 3px;
    display: flex;
    /* background: var(--info); */
    /* background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f996a0), to(#69010bb5)); */
    background: -moz-linear-gradient(#f996a0, #69010bb5);
    background: linear-gradient(#17a2b857, var(--info));
    border: solid 1px white;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #90a59c;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 0 1px 0 var(--secondary);
    
    /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fbBut-info:hover {
   background-color: var(--info)!important;
   background-image: url(/ap/pic/highlight.png);
}
.fsBut {
	border-radius: 3px;
    cursor: pointer;
    padding: .5em;
   /*  margin: 1em 0 0 0; */
    display: flex;
    background-image: url(/ap/pic/highlight.png);
    background: -moz-linear-gradient(#729e85, #486d5c);
    /* background: linear-gradient(#1ab188, #4a796c); */
    background-color: var(--fb-tblHeader);
    text-transform: uppercase;
    border: none;
    align-items: center;
    justify-content: center;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
    
    /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.fsBut:hover {
   background-color: var(--fs-green)!important;
   background-image: url(/ap/pic/highlight.png);
}
.fbBut {
	/* word-break: break-word; */
	overflow:hidden;
	border-radius: 3px;
/* 	height:40px; */
	border: none;
	cursor: pointer;
    padding: .5em;
  /*  margin: 5px 0 10px 10px; */
    display: flex;
    text-transform:uppercase;
    border: solid 1px #4a796c;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #90a59c;
    background: #1ab188;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1ab188), to(#486d5c));
    background: -moz-linear-gradient(#729e85, #486d5c);
    background: linear-gradient(#1ab188, #4a796c);
    color: #fff;

    letter-spacing: 1px;
    font-weight:bold;
    text-shadow: 0 1px 0 #4a796c;
    
    /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fbBut.multyMoreRight{
	border-bottom-right-radius: 0px!important;
	border-top-right-radius: 0px!important;
	border:none!important;
	box-shadow:none!important;
}

.but-close.multyMoreLeft{
	border-bottom-left-radius: 0px!important;
	border-top-left-radius: 0px!important;
	border:none!important;
	box-shadow:none!important;
}

.fbBut.p-0{
	padding:0!important;
}


.fbBut-editMode {
	/* word-break: break-word; */
	overflow:hidden;
	border-radius: 3px;
/* 	height:40px; */
	border: none;
	cursor: pointer;
    padding: .5em;
  /*  margin: 5px 0 10px 10px; */
    display: flex;
    background: #ffada9;
    /* background: -moz-linear-gradient(#ffada9, #ff7f78); */
    background: linear-gradient(#ffada9, #ff7f78);
    text-transform:uppercase;
    border: solid 1px #ffada9;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #dd5757;
    color: #000000!important;

    letter-spacing: 1px;
    font-weight:bold;
    text-shadow: 0 1px 0 #ffada9;
    
    /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fbBut-editMode:hover {
   background: linear-gradient(#ff7f78,#ffada9)!important;
   /* background-image: url(/ap/pic/highlight.png); */
}

.fbBut-close {
	word-break: break-word;
	overflow:hidden;
    cursor: pointer;
    padding: .5em;
    display: flex;
    background-color: white;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    color: #dc3545;
    border-radius: 3px;
    letter-spacing: 1px;
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.fbBut-close:hover{
	background-color: var(--fb-red);
    color: #f8f9fa;	
}
.fbBut-flat:hover {
	background-color:var(--fb-btnHover);
	
}
.fbBut-flat {
	word-break: break-word;
	overflow:hidden;
	cursor: pointer;
    padding: .5em;
    display: flex;
    background-color:var(--fb-green);
    text-transform:uppercase;
    align-items: center;
    justify-content: center;
   /*  box-shadow: inset 0 0 0 1px #90a59c; */
    color: #fff!important;
    letter-spacing: 1px;
    font-weight:bold;
    border-radius:2px;
    
    /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fb-popUp{
	box-shadow: 0px 3px 10px 0px #212529;
    border: 1px #505050 solid;
}

.fbBut-disabled {
	word-break: break-word;
	overflow:hidden;
	 padding: .5em;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #90a59c;
    text-transform:uppercase;
    letter-spacing: 1px;
    font-weight:bold;
    text-shadow: 0 1px 0 #4a796c;
	opacity: 0.65; 
	cursor: not-allowed;
	background: rgba(0, 0, 0, 0.15);
    color: #8a8a8a;
    border: none;
     /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fbBut-selected{
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#db878f), to(var(--danger))) !important;
    background: -moz-linear-gradient(#db878f, var(--danger))  !important;
   background: linear-gradient(#db878f, var(--danger))  !important;
}


.fbButCancel {
	/* word-break: break-word; */
	overflow:hidden;
	cursor: pointer;
    padding: .5em;
    /*  margin: 5px 10px 0 10px; */
     border-radius: 3px;
    display: flex;
    background: var(--fb-red);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f996a0), to(#69010bb5));
    background: -moz-linear-gradient(#f996a0, #69010bb5);
    background: linear-gradient(#f996a0, #69010bb5);
    border: solid 1px #69010bb5;
    align-items: center;
    justify-content: center;
    box-shadow: inset 0 0 0 1px #90a59c;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    text-shadow: 0 1px 0 #69010bb5;
    margin-left:1em;
     /* disable text selection  */
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}


.fbButCancel-flat {
	word-break: break-word;
	overflow:hidden;
	cursor: pointer;
	padding: .5em;
	border-radius: 3px;
	display: flex;
	background: var(--fb-red);
	align-items: center;
	justify-content: center;
	color: #fff!important;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: bold;
     /* disable text selection  */
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.fbButCancel-flat:hover{
	background-color: #fb5363;
}
    
.fbBut:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4a796c), to(#1ab188));
    background: -moz-linear-gradient(#4a796c, #1ab188);
   background: linear-gradient(#4a796c, #1ab188);
    border: solid 1px #236036;
    /* border-bottom: solid 3px #225f33; */
    box-shadow: inset 0 0 0 1px #90a59c;
}
.fbButCancel:hover {
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#69010bb5), to(#f996a0));
    background: -moz-linear-gradient(#69010bb5, #f996a0);
    background: linear-gradient(#69010bb5,#f996a0);
    border: solid 1px #236036;
    /* border-bottom: solid 3px #225f33; */
    box-shadow: inset 0 0 0 1px #90a59c;
}
    
.fbBut:active {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#486d5c), to(#729e85));
    background: -moz-linear-gradient(#486d5c, #729e85);
    background: linear-gradient(#486d5c, #729e85);
    border: solid 1px #236036;
    box-shadow: inset 0 10px 15px 0 #225f33; }
    
.fbButCancel:active {
    background: #486d5c;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f996a0), to(#69010bb5));
    background: -moz-linear-gradient(#f996a0, #69010bb5);
    background: linear-gradient(#f996a0, #69010bb5);
    border: solid 1px #236036;
    box-shadow: inset 0 10px 15px 0 #225f33; }
/* .fbBut{
	 display:inline-block;
	 text-transform:uppercase;
	 letter-spacing:0.1em;
	 padding:0.5em 0.5em;
	 margin:0.5em;
	 border-radius:.3em;
	 box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);
	 border:none;
} */


.dropMenu:hover{
	background-color: var(--fs-green);
	color: white;
}
.nav{
	display: flex;
    /* flex-direction: column; */
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.dropMenu:hover{
	color: #f8f9fa!important;
    text-decoration: none!important;;
    background-color: #1ab188!important;;
}
.dropMenu{
	display: block;
    padding:5px;
    clear: both;
    font-weight: bolder;
    line-height: 1.42857143;
    color: #1ab188;
    /* white-space: nowrap; */
    text-align: justify;
    text-align: left;
    cursor: pointer;
    white-space: nowrap;
}

.width-100 {
	width: 100%;
}

.f-left {
	float: left;
}
.f-right {
	float: right;
}

.waitRequest {
	position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
	width: 10%;
	max-width: 20%;
	margin: 0 auto;
	z-index: 1002;
}

.waitRequest::before {
    content:"";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, .2);
}

.jn-save-btn:before {
	content: "Запис" !important;
}

.jn-cancel-btn:before {
	content: "Отказ" !important;
}


.yellowbox {
	background-color: #ffffb7;
	padding: 0 0.3em;
	border: 1px solid silver;
	margin: 0 0.2em;
}

.whitebox {
	background-color: white;
	padding: 0 0.3em;
	border: 1px solid silver;
	margin: 0 0.2em;
}
	

.Tree_  #ItemTree-tree_ .selected {
	background-color: var(--fs-green) !important;
	color: white;
}



.Grid_ tr:nth-child(even){background-color: var(--fb-input) !important; }

/* 
.Grid_{
	background-color: var(--fb-tblRowLight) !important;
}
*/
 
.Grid_ tbody .selectedRow {
  background-color: var(--fb-greenLight2) !important;
}

.Grid_.focused tbody .selectedRow {
	background-color: var(--fs-green) !important;
	color: white !important;
}

.h2 {
	font-weight: bold;
}

.TextInput_ #tx-box {
	border: none !important;
}

body.new-ver .new-ver {	
	display: none !important;
}


.back-main{
	background-color:var(--fb-green) !important;
}
/* background main color - Основен цвят на приложението */
.back-main-hover:hover{
	background-color:var(--fb-green) !important;
	color: white;
}
.back-white{
	background-color:white !important;
}
.back-silver-light{
	background-color:var(--silver-light) !important;
}
.back-silver-light-hover:hover{
	background-color:var(--silver-light) !important;
}

.back-silver{
	background-color:var(--silver) !important;
}
.back-silver-dark{
	background-color:var(--silver-dark) !important;
}
.back-silver-dark-hover:hover{
	background-color:var(--silver-dark) !important;
}
.back-silver-hover:hover{
	background-color:var(--silver) !important;
}

.back-white-hover:hover{
	background-color:white !important;
}

.shadow-box {
	border: 0.2px solid black;
    box-shadow:0.1em 0.2em 0.2em ;
    display: inline-block;
	background-color: white;
	padding: 1em;
}

.fs-ico-edit{
	color: var(--fb-edit);
}

.fs-ico-cancel{
	color: var(--fb-delete);
}

.color-copy {
	color:#7c11c1;
}

.black50{
	color: #494040;
}

.fs-group-ico{
	background: var(--fb-green);
	color: #fbfbfb;
}

body.mobile-mode .mobile-show-block{
	display:block!important;
}
body.mobile-mode .mobile-show-flex{
	display:flex!important;
}

body.mobile-mode .row_to_col {
	flex-direction:column!important;	
}

body.mobile-mode .mobile-mt-2{
	margin-top: 0.5em;
}
body.mobile-mode .mobile-mb-3{
	margin-bottom: 1em;
}

body.mobile-mode .align-items-start1{
	align-items: flex-start;	
}

.center-xy1{
	align-items: center ; 
	justify-content: center ;
}

.center-y1{
	align-items: center; 
}

body.mobile-mode .mob-pl-0{
	padding-left: 0!important;
}

body.mobile-mode .mob-w-50{
	width: 50%!important;
}

body.mobile-mode .mob-w-75{
	width: 75%!important;
}

body.mobile-mode .mob-w-100{
	width: 100%!important;
}

body.mobile-mode .mob-view-08{
	font-size: 0.8em!important;
}

body.mobile-mode .mob-gap-0{
	gap:0!important;
}

body.mobile-mode .mob-gap-4{
	gap:1.5em!important;
}

body.mobile-mode .mob-fs-medium{
	font-size: medium!important;
}

body.mobile-mode .mob-flex-wrap{
	flex-wrap: wrap !important;
}

body.mobile-mode .mob-text-wrap{
	white-space: wrap !important;
}

body.mobile-mode .mob-show-flex{
	display: flex!important;
}

body.mobile-mode .mob-m-0{
	margin: 0!important;
}
body.mobile-mode .mob-centerxy{
	justify-content: center!important;
	align-items: center!important;
}
.centerxy{
	justify-content: center;
	align-items: center;
}

body.mobile-mode .mob-show-block{
	display: block!important;
}

body.mobile-mode .mob-view{
	font-size: 0.7em!important;
}

body.mobile-mode .mob-view-half{
	font-size: 0.5em!important;
}

body.mobile-mode .mob-view-heading{
	font-size: 1.5em!important;
}

body.mobile-mode .mob-pr-0{
	padding-right: 0!important;
}

body.mobile-mode .mob-pr-1{
	padding-right: 0.1em!important;
}

body.mobile-mode .mob-pr-2{
	padding-right: 0.5em!important;
}

body.mobile-mode .mob-pr-3{
	padding-right: 1em!important;
}

body.mobile-mode .mob-pr-4{
	padding-right: 1.5em!important;
}

body.mobile-mode .mob-pr-5{
	padding-right: 3em!important;
}

body.mobile-mode .mob-pl-0{
	padding-left: 0!important;
}

body.mobile-mode .mob-pl-1{
	padding-left: 0.1em!important;
}

body.mobile-mode .mob-pl-2{
	padding-left: 0.5em!important;
}

body.mobile-mode .mob-pl-3{
	padding-left: 1em!important;
}

body.mobile-mode .mob-pl-4{
	padding-left: 1.5em!important;
}

body.mobile-mode .mob-pl-5{
	padding-left: 3em!important;
}

body.mobile-mode .mob-pb-0{
	padding-bottom: 0!important;
}

body.mobile-mode .mob-pb-1{
	padding-bottom: 0.1em!important;
}

body.mobile-mode .mob-pb-2{
	padding-bottom: 0.5em!important;
}

body.mobile-mode .mob-pb-3{
	padding-bottom: 1em!important;
}

body.mobile-mode .mob-pb-4{
	padding-bottom: 1.5em!important;
}

body.mobile-mode .mob-pb-5{
	padding-bottom: 3em!important;
}

body.mobile-mode .mob-pt-0{
	padding-top: 0!important;
}

body.mobile-mode .mob-pt-1{
	padding-top: 0.1em!important;
}

body.mobile-mode .mob-pt-2{
	padding-top: 0.5em!important;
}

body.mobile-mode .mob-pt-3{
	padding-top: 1em!important;
}

body.mobile-mode .mob-pt-4{
	padding-top: 1.5em!important;
}

body.mobile-mode .mob-pt-5{
	padding-top: 3em!important;
}

body.mobile-mode .mob-p-0{
	padding: 0!important;
}

body.mobile-mode .mob-p-1{
	padding: 0.1em!important;
}

body.mobile-mode .mob-p-2{
	padding: 0.5em!important;
}

body.mobile-mode .mob-p-3{
	padding: 1em!important;
}

body.mobile-mode .mob-p-4{
	padding: 1.5em!important;
}

body.mobile-mode .mob-mt-1{
	margin-top: 0.1em!important;
}

body.mobile-mode .mob-mt-2{
	margin-top: 0.5em!important;
}

body.mobile-mode .mob-mt-3{
	margin-top: 1em!important;
}

body.mobile-mode .mob-mt-4{
	margin-top: 1.5em!important;
}

body.mobile-mode .mob-mt-5{
	margin-top: 3em!important;
}

body.mobile-mode .mob-ml-1{
	margin-left: 0.1em!important;
}

body.mobile-mode .mob-ml-2{
	margin-left: 0.5em!important;
}

body.mobile-mode .mob-ml-3{
	margin-left: 1em!important;
}

body.mobile-mode .mob-ml-4{
	margin-left: 1.5em!important;
}

body.mobile-mode .mob-ml-5{
	margin-left: 3em!important;
}

body.mobile-mode .mob-border-0{
	border: 0!important;
}

body.mobile-mode .mob-gap-1{
	gap: 0.1em!important;
}

body.mobile-mode .mob-gap-2{
	gap: 0.5em!important;
}

body.mobile-mode .mob-gap-3{
	gap: 1em!important;
}

body.mobile-mode .mob-gap-4{
	gap: 1.5em!important;
}

body.mobile-mode .mob-gap-5{
	gap: 3em!important;
}

body.mobile-mode .mob-fs-07{
	font-size: 0.7em!important;
}

body.mobile-mode .mob-hide{
	display: none!important;
}

body.mobile-mode .mob-text-wrap{
	white-space: normal!important;
}

body.mobile-mode .mob-text-wrap{
	white-space: normal!important;
}

.bg-lsuccess {
  background-color: #ccf2d5!important;
}

.but-close-i{
    background: #1ab188;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#1ab188), to(#486d5c));
    background: -moz-linear-gradient(#729e85, #486d5c);
    background: linear-gradient(#1ab188, #4a796c);
    color: #fff;
    min-width: 1.5rem;
    text-shadow: 0 1px 0 grey;
    border-radius: 0 0.25rem 0.25rem 0;
}
.but-close:before{  /* fa-sort-down */
	font-family: 'Font Awesome 5 Free'!important;
    font-weight: 900!important;
    content: "\f0dd";
}
.but-close{
	color: #495057;
    background-color: var(--butyes);
    min-width: 2.15rem;
    /*--but--*/
	cursor: pointer;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .5rem;
    font-size: 1rem;
    line-height: 1.5;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    overflow: visible;
    text-transform: none;
    font-family: inherit;
    box-sizing: border-box;
    overflow: hidden;
    text-shadow: 0 1px 0 grey;
    box-shadow: 0 0 2px grey;
}
.but-close:hover{
	color: var(--white);
	/* color: #fff;
    background-color: var(--bcolor-no-hover); */
    box-shadow: 0 0 2px 0px gray;
}


.choice{
	background-color: #b6d8bc!important;	
}

.choice.toMerge{
	background-color: #ffb7b7!important;
}

.stay{
	display: block;
}

.gone{
	display: none;
}

.toMerge .stay{
	display: none;
}

.toMerge .gone{
	display: block;
}

.titleSCR-modal {
	width: 100%;
   /*  margin: 0 auto; */
    position: relative;
    /* height: 50px; */
    background-color: var(--fb-green);
    text-shadow: 0 1px 0 #4a796c;
    color: white;
    padding: 0.3em;
}

body.mobile-mode{
	font-size: 5mm!important;
}