:root {
        --min-size: 0.2rem;
        --max-size: 1.5rem;
        --bg-color: rgba(255, 255, 255, 0.5);
        --dot-color: rgb(25, 145, 71);
    }
body{
	margin:0;
	font-family: "Helvetica Neue","Helvetica","Roboto","Arial",sans-serif;
	font-size:14px;
	color:rgba(42,42,42,.9);
}
/*li#nav_list_second {
	float:none;
}*/
div.politica{
    margin: auto 5px;
    color: rgba(255,255,255,1);
    text-align: left;
}
div.politica a,
div.politica a:hover{
    font-size: 12px;
}
#overlay {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
display:none;
background:#000;
opacity:0.6;
z-index:80;
}
#content-block .hidden,
#userRoleModal.hidden,
div.hidden{
	display:none;
}
#content-block .visibility,
#userRoleModal.visibility,
div.visibility{
	display:block;
}
div.warning{
	min-height:25px;
	font-size:12px;
	color:#e74c3c;
	text-align:justify;
	margin-bottom:5px;
	margin-top:5px;
	margin-left:3px;
	margin-right:3px;
	padding:3px;
	border-radius: 5px;
	border:solid 1px #7488FD;
	background-color:#CFE3FF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.4);
}
div.error{
	min-height:25px;
	font-size:14px;
	color:#e74c3c;
	text-align:justify;
	margin-bottom:15px;
	margin-top:15px;
	margin-left:150px;
	margin-right:150px;
	padding:3px;
	border-radius: 5px;
	border:solid 1px #7488FD;
	background-color:#CFE3FF;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.4);
}
div.warning i:first-child{
	margin-top:2px;
	margin-left:3px;
	margin-right:7px;
	color:#1318FC;
	text-shadow: 1px 0px 1px rgba(0,0,0,0.96);
}
a{
    color:rgba(3,46,1,1.00);
    text-decoration: none;
}
a:hover{
    color:rgba(38,37,217,1.00);
    text-decoration: none;
}
a.FootLink{
    font-size: 16px;
    color:rgba(255,255,255,1.00);
    text-decoration: none;
}
a.FootLink:hover{
    color:rgba(38,37,217,1.00);
    text-decoration: none;
}
.link{
	color:rgba(38,37,217,1.00);
}
.link:hover{
	color: darkred;
	cursor: pointer;
}
.line{
	margin-top: 2px;
	margin-bottom: 2px;
	height:1px;
	width:100%;
	border-top:solid 2px #F0F0F0;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	clear:both;
	}
div.body{
	margin-bottom:0;
	margin-left:3px;
	margin-right:3px;
	margin-top:0px;
	/*border:solid 1px #979797;*/
	}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}
div.head{
	padding:0px;
	margin:0px auto;
	/*border:solid 1px #979797;
	height:75px;*/
	}
div.contenier-head{
	display: table;
	min-height: 110px;

}
div.titlePage{
    text-align: center;
    padding: 3px;
	width: 90%;
    margin: 10px auto;
    font-size: 16px;
    text-transform:uppercase;
	color: rgba(10,124,5,1.00);
    font-weight: 600;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
div.titlePage span{
	font-size: 14px;
	float: right;
}
div.titlePage span div.cifra{
	display: inline-block;
	border: 1px solid rgba(10,124,5,1.00);
	min-width: 125px;
	border-radius: 5px;
	padding: 2px 10px;
	color: rgba(255,255,255,1.00);
	background-color: rgba(10,124,5,0.7);
	font-size: 13px;
	margin-left: 2px;
	text-transform: none;
	font-weight: 400;
}
div.logo{
	padding: 5px;
	display:table-cell;
	width: 157px;
	vertical-align: middle;
}
div.title-head{
	display:table-cell;
	width: 100%;
	/*border:solid 1px #979797;*/
	text-align: center;
	vertical-align: middle;
	font-size: 36px;
	text-transform:uppercase;
	color: #0a7c05;
    font-weight: 600;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
div.login{
	display:table-cell;
	min-width: 285px;
	vertical-align: middle;
	color: #0a7c05;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	text-align: right;
    padding-right: 15px;
}
div.login span{
	font-size: 18px;
}
form.login{
    /*border:solid 1px #979797;*/
    width: 285px;
	margin: 5px;
}
form.login input{
	height: 22px;
    margin-top: 3px;
	padding: 1px;
    width: 135px;
    border-radius: 3px;
	border:solid 1px #0a7c05;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2) inset;
}
form.login input[type=submit]{
	background: #0a7c05;
	color: rgba(255,255,255,1);
	box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	width: 75px;
}
div.middle{
	min-height: 420px;
	padding:0px;
	margin:5px auto;
	position:relative;
	/*border:solid 1px #979797;*/
	}
div.text{
	color:rgba(10,124,5,1);
	font-size: 14px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	line-height: 25px;
}
div.w600{
	margin: 0 auto;
	width: 600px;
}
div.w1000{
	margin: 0 auto;
	width: 1000px;
}
p.L{
	text-align: left;
}
p.R{
	text-align: right;
}
p.C{
	text-align: center;
}
p.J{
	text-align: justify;
}
div.footer div.contenier-footer{
	/*border-top:solid 1px rgba(0,0,0,1.00);*/
	color:rgba(255,255,255,0.95);
	background-color:rgba(10,124,5,1);
	min-height:30px;
	padding-top:2px;
	padding-left:10px;
	padding-bottom: 10px;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
div.footer{
	padding:0px;
	margin-top: 5px;
	/*border:solid 1px #979797;*/

	}
.menu-head{
	display: block;
	/*border:solid 1px #979797;*/
    width: 100%;
	height:30px;
	}
.menu-head input{
    height: 23px;
    width: 240px;
    padding-left: 3px;
    margin-top: 3px;
    line-height: 18px;
    border-radius: 4px;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3) inset;
    border:solid 1px rgba(10,124,5,1);
}
.menu-head i.search{
    margin-right: 25px;
    color: rgba(10,124,5,1);
}
.menu-head i.search:hover{
    color: rgba(49,44,180,1);
}
.menu-head div.menu-item{
	margin: 3px 5px 0;
	text-align: center;
	width: 200px;
	line-height: 18px;
	padding: 3px;
	display: block;
	float: left;
	border:solid 1px rgba(10,124,5,1);
	background: rgba(10,124,5,1);
	color: rgba(255,255,255,1);
	font-size: 12px;
	text-transform:uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	letter-spacing: 2px;
}
.menu-head div.menu-item:hover{
    border:solid 1px rgba(10,124,5,1);
	background: rgba(255,255,255,1);
	color: rgba(10,124,5,1);
	cursor: pointer;
}
.menu-head div.menu-active{
    color:rgba(38,37,217,1.00);
    border:solid 1px rgba(38,37,217,1.00);
    background: rgba(38,37,217,0.1);
}
div.menu-block{
	display: table;
	width: 250px;
	float:left;
	height: 125px;
	margin: 10px 20px;
	padding: 3px;
	/*border:solid 1px rgba(10,124,5,1);*/
	box-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	/*background: rgba(10,124,5,0.95);*/
	color: rgba(10,124,5,1);
	/*color: rgba(255,255,255,1);
	border-radius: 6px;*/
}
div.menu-block div.row{
	vertical-align: middle;
	display: table-row;
	min-width: 100%;
	min-height: 30px;
}
div.menu-block div.row .title{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 13px;
	text-transform:uppercase;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	letter-spacing: 4px;
	height: 30px;
	border-bottom:solid 1px rgba(255,255,255,1);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	/*border-radius:0 0 4px 4px;*/
}
div.menu-block div.row .description{
	display: table-cell;
	vertical-align: middle;
	font-size: 13px;
	text-align:justify;
}
div.menu-block:hover div.row .title{
	background: rgba(10,124,5,1);
	color: rgba(255,255,255,1);
	cursor: pointer;
}
div.menu-block:hover{
	cursor: pointer;
}

.menu-footer div{
	display:table-cell;
	vertical-align:bottom;
	text-align:right;
	/*border:solid 1px #979797;*/
	margin:0px;
	padding:-5px;
}
div.none{
	clear:both;
}
/******************************************************************************************/
/*****Стилі сторінки управління користувачами**********************************************/
/******************************************************************************************/

        /***************************************/
        /*  Загальні стилі модальних вікон******/
div#userRoleModal{
    display: none;
    position: absolute;
    width: 100px;
    padding: 5px 0;
    left: 70px;
    border: solid 1px rgba(68,68,68,0.5);
    background: rgba(255,255,255,1.00);
    z-index: 100;
    /*border-radius: 0 10px 10px;*/
}

div.modal-role{
    margin: 3px 7px;
    padding: 2px;
    border: 1px solid rgba(10,124,5,1);
}
div.modal-role:hover{
    background: rgba(10,124,5,1);
    color: rgba(255,255,255,1);
    cursor: pointer;
}
div.user-tab div.row div.cell-modal{
    padding-top: 5px;
    padding-left: 4px;
    position: absolute;
    background: rgba(255,255,255,1);
    /*border: solid 1px rgba(68,68,68,0.5);*/
    height: 28px;
	left: 0px;
	top: 0px;
	z-index: 100;
}
        /***************************************/
div.user-tab{
    display: table;
    margin: 0 auto;
}
div.user-tab div.table-head,
div.user-tab div.table-body,
div.user-tab div.table-foot{
    display: table;
}
div.user-tab div.row{
    display: table-row;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 2px;
}

div.user-tab div.row div.cell{
	position: relative;
    padding: 2px;
    margin:1px;
    display: table-cell;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
    border-right: dotted 1px rgba(68,68,68,0.5);
    vertical-align: middle;
    border-bottom: solid 1px rgba(68,68,68,0.5);
}
div.user-tab div.table-head div.row div.cell,
div.user-tab div.table-foot div.row div.cell{
    text-align: center;
    background:rgba(10,124,5,0.7);
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 13px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}
div.user-tab div.table-head div#search div.cell{
	height: 25px;
}
div.user-tab div.table-body div.row div.cell{
    height: 30px;
    font-size: 13px;
    color:rgba(3,46,1,1.00);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.user-tab div.table-body div.row:hover{
    background: rgba(0,0,0,0.15);
}
div.user-tab div.row div.cell:nth-child(1){
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.user-tab div.row div.cell:nth-child(2){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
div.user-tab div.row div.cell:nth-child(2) input{
    min-width: 40px;
    max-width: 40px;
	height: 18px;
	border-radius: 4px;
}
div.user-tab div.row div.cell:nth-child(3),
div.user-tab div.row div.cell:nth-child(3) div.cell-modal{
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}
div.user-tab div.row div.cell:nth-child(3) input,
div.user-tab div.row div.cell:nth-child(3) div.cell-modal input{
    min-width: 190px;
    max-width: 190px;
	height: 18px;
	border-radius: 4px;
}
div.user-tab div.row div.cell:nth-child(4){
    min-width: 85px;
    max-width: 85px;
    text-align: center;
    position: relative;
    user-select: none;
}
div.user-tab div.row div.cell:nth-child(4) select{
    min-width: 80px;
    max-width: 80px;
    height: 24px;
	border-radius: 4px;
    font-size: 12px;
}
div.user-tab div.row div.cell:nth-child(5){
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}
div.user-tab div.row div.cell:nth-child(5) select{
    min-width: 55px;
    max-width: 55px;
    height: 24px;
	border-radius: 4px;
    font-size: 12px;
}
div.user-tab div.row div.cell:nth-child(6),
div.user-tab div.row div.cell:nth-child(6) div.cell-modal{
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}
div.user-tab div.row div.cell:nth-child(6) div.cell-modal input{
    min-width: 195px;
    max-width: 195px;
    border-radius: 4px;
    height: 18px;
}
div.user-tab div.row div.cell:nth-child(7),
div.user-tab div.row div.cell:nth-child(7) div.cell-modal{
    min-width: 155px;
    max-width: 155px;
    text-align: left;
}
div.user-tab div.row div.cell:nth-child(7) div.cell-modal input{
    min-width: 150px;
    max-width: 150px;
    border-radius: 4px;
    height: 18px;
}
div.user-tab div.row div.cell:nth-child(8),
div.user-tab div.row div.cell:nth-child(8) div.cell-modal{
    min-width: 270px;
    max-width: 270px;
    text-align: left;
}
div.user-tab div.row div.cell:nth-child(8) div.cell-modal input{
    min-width: 265px;
    max-width: 265px;
    border-radius: 4px;
    height: 18px;
}
div.user-tab div.row div.cell:nth-child(9){
    min-width: 75px;
    max-width: 75px;
    text-align: left;
}
/**********************************************************************************************************/
/*****стилі сторінкового навігатора************************************************************************/
/**********************************************************************************************************/
div.pagers{
    display: table;
    width: 100%;
}
div.pagers div.pagers-row{
    display: table-row;
    border:solid 1px rgba(0,0,0,1.00);
    width: 100%;
    height: 30px;
}
div.pagers div.pagers-row div.pager-cell{
    display: table-cell;
    height: 30px;
    /*border:solid 1px rgba(0,0,0,1.00);*/
    vertical-align: middle;
    font-size: 12px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    background:rgba(10,124,5,0.7);
    color: rgba(255,255,255,1);
    border-bottom: solid 1px rgba(68,68,68,0.5);
}
div.pagers div.pagers-row div.pager-cell:nth-child(1){
    min-width: 130px;
    max-width: 130px;
    padding-left: 3px;
}
div.pagers div.pagers-row div.pager-cell:nth-child(2){
    min-width: 110px;
    max-width: 110px;
    text-align: center;
}
div.pagers div.pagers-row div.pager-cell:nth-child(3){
    min-width: 400px;
    max-width: 500px;
    padding-left: 46px;
    text-align: center;
}
div.pagers div.pagers-row div.pager-cell:nth-child(2) select{
    height: 22px;
    min-width: 40px;
    max-width: 40px;
    border-radius: 3px;
    font-size: 12px;
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.chengepass{
    clear:both;
    display: block;
    margin: 35px auto;
}
div.chengepass input{
    line-height: 35px;
    border-radius: 3px;
    min-width: 220px;
    max-width: 220px;
}
div.chengepass div{
    display: block;
    margin: 3px 350px;
}
div.page,
div.button{
    display: block;
    margin: 3px auto;
    min-width: 30px;
    max-width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    border: solid 1px rgba(10,124,5,0.7);
    text-align: center;
    font-size: 13px;
    background:rgba(10,124,5,0.5);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
}
div.oplat{
    min-width: 70px;
    max-width: 70px;
}
div.page{
    float:left;
    margin: 3px;
}
div.page-active{
    background:rgba(97,97,97,0.5);
}
div.page:hover,
div.button:hover{
    cursor: pointer;
    background:rgba(255,255,255,0.9);
    color: darkred;
}
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
        /***************************************/
div.Zajvitel-tab{
    display: table;
    margin: 0 auto;
}
div.Zajvitel-tab div.table-head,
div.Zajvitel-tab div.table-body,
div.Zajvitel-tab div.table-foot{
    display: table;
}
div.Zajvitel-tab div.row{
    display: table-row;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 2px;
}

div.Zajvitel-tab div.row div.cell{
	position: relative;
    padding: 2px;
    margin:1px;
    display: table-cell;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
    border-right: dotted 1px rgba(68,68,68,0.5);
    vertical-align: middle;
    border-bottom: solid 1px rgba(68,68,68,0.5);
}
div.Zajvitel-tab div.table-head div.row div.cell,
div.Zajvitel-tab div.table-foot div.row div.cell{
    text-align: center;
    background:rgba(10,124,5,0.7);
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 13px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}
div.Zajvitel-tab div.table-head div#search div.cell{
	height: 25px;
}
div.Zajvitel-tab div.table-body div.row div.cell{
    height: 30px;
    font-size: 13px;
    color:rgba(3,46,1,1.00);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.Zajvitel-tab div.table-body div.row:hover{
    background: rgba(0,0,0,0.15);
}
div.Zajvitel-tab div.row div.cell:nth-child(1){
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.Zajvitel-tab div.row div.cell:nth-child(2){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
div.Zajvitel-tab div.row div.cell:nth-child(2) input{
    min-width: 40px;
    max-width: 40px;
	height: 18px;
	border-radius: 4px;
}
div.Zajvitel-tab div.row div.cell:nth-child(3),
div.Zajvitel-tab div.row div.cell:nth-child(3) div.cell-modal{
    min-width: 250px;
    max-width: 250px;
    text-align: left;
}
div.Zajvitel-tab div.row div.cell:nth-child(3) input,
div.Zajvitel-tab div.row div.cell:nth-child(3) div.cell-modal input{
    min-width: 245px;
    max-width: 245px;
	height: 18px;
	border-radius: 4px;
}
div.Zajvitel-tab div.row div.cell:nth-child(4){
    min-width: 250px;
    max-width: 250px;
    text-align: left;
}

div.Zajvitel-tab div.row div.cell:nth-child(5){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
div.Zajvitel-tab div.row div.cell:nth-child(5) select{
    min-width: 45px;
    max-width: 45px;
    height: 24px;
	border-radius: 4px;
	font-size: 12px;
}
div.Zajvitel-tab div.row div.cell:nth-child(6){
    min-width: 115px;
    max-width: 115px;
    text-align: left;
}
div.Zajvitel-tab div.row div.cell:nth-child(7){
    min-width: 115px;
    max-width: 115px;
    text-align: left;
}
div.Zajvitel-tab div.row div.cell:nth-child(8){
    min-width: 220px;
    max-width: 220px;
    text-align: left;
}
div.Zajvitel-tab div.row div.cell:nth-child(9){
    min-width: 150px;
    max-width: 150px;
    text-align: left;
}
div.Zajvitel-tab div.row div.cell:nth-child(9) select{
    min-width: 145px;
    max-width: 145px;
    height: 24px;
	border-radius: 4px;
	font-size: 12px;
}
div.Zajvitel-tab div.row div.cell:nth-child(10){
    min-width: 50px;
    max-width: 50px;
    text-align: left;
}

/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
        /***************************************/
div.Sort-tab{
    display: table;
    margin: 0 auto;
}
div.Sort-tab div.table-head,
div.Sort-tab div.table-body,
div.Sort-tab div.table-foot{
    display: table;
}
div.Sort-tab div.row{
    display: table-row;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 2px;
}

div.Sort-tab div.row div.cell{
	position: relative;
    padding: 2px;
    margin:1px;
    display: table-cell;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
    border-right: dotted 1px rgba(68,68,68,0.5);
    vertical-align: middle;
    border-bottom: solid 1px rgba(68,68,68,0.5);
}
div.Sort-tab div.table-head div.row div.cell{
    text-align: center;
    background:rgba(10,124,5,0.7);
    height: 100px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 13px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}

div.Sort-tab div.table-foot div.row div.cell{
    text-align: center;
    background:rgba(10,124,5,0.7);
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 13px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}
div.Sort-tab div.table-head div#search div.cell{
	height: 25px;
}
div.Sort-tab div.table-body div.row div.cell{
    height: 30px;
    font-size: 13px;
    /*color:rgba(3,46,1,1.00);*/
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.Sort-tab div.table-body div.row:hover{
    background: rgba(0,0,0,0.15);
}
div.Sort-tab div.row div.cell:nth-child(1){
    min-width: 30px;
    max-width: 30px;
    text-align: center;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.Sort-tab div.row div.cell:nth-child(2){
    min-width: 95px;
    max-width: 95px;
    text-align: center;
	cursor: pointer;
	color: rgba(38,37,217,1.00);
}
div.Sort-tab div.row div.cell:nth-child(2):hover{
    color: rgba(10,124,5,1);
}
div.Sort-tab div.row div.cell:nth-child(2) input{
    min-width: 90px;
    max-width: 90px;
	height: 18px;
	border-radius: 4px;
}
div.Sort-tab div.row div.cell:nth-child(3),
div.Sort-tab div.row div.cell:nth-child(3) div.cell-modal{
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}
div.Sort-tab div.row div.cell:nth-child(3) input,
div.Sort-tab div.row div.cell:nth-child(3) div.cell-modal input{
    min-width: 195px;
    max-width: 195px;
	height: 18px;
	border-radius: 4px;
}
div.Sort-tab div.row div.cell:nth-child(4),
div.Sort-tab div.row div.cell:nth-child(4) div.cell-modal{
    min-width: 100px;
    max-width: 100px;
    text-align: left;
}
div.Sort-tab div.row div.cell:nth-child(4) input,
div.Sort-tab div.row div.cell:nth-child(4) div.cell-modal input{
    min-width: 95px;
    max-width: 95px;
	height: 18px;
	border-radius: 4px;
}
div.Sort-tab div.row div.cell:nth-child(5){
    min-width: 200px;
    max-width: 200px;
    text-align: left;
}
div.Sort-tab div.row div.cell:nth-child(5) select{
    min-width: 195px;
    max-width: 195px;
    height: 24px;
	border-radius: 4px;
	font-size: 12px;
}
div.Sort-tab div.row div.cell:nth-child(6){
    min-width: 30px;
    max-width: 30px;
    vertical-align:middle;
	text-align:center;
}
div.Sort-tab div.row div.cell:nth-child(6) span{
	position:relative;
	left:-98px;
	float:left;
	max-width:240px;
	min-width:240px;
	min-height:30px;
	max-height:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
div.Sort-tab div.row div.cell:nth-child(7){
    min-width: 30px;
    max-width: 30px;
    vertical-align:middle;
	text-align:center;
}
div.Sort-tab div.row div.cell:nth-child(7) span{
	position:relative;
	left:-98px;
	float:left;
	max-width:240px;
	min-width:240px;
	min-height:30px;
	max-height:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
div.Sort-tab div.row div.cell:nth-child(8){
    min-width: 30px;
    max-width: 30px;
    vertical-align:middle;
	text-align:center;
}
div.Sort-tab div.row div.cell:nth-child(8) span{
	position:relative;
	left:-98px;
	float:left;
	max-width:240px;
	min-width:240px;
	min-height:30px;
	max-height:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
div.Sort-tab div.row div.cell:nth-child(9){
    min-width: 30px;
    max-width: 30px;
    vertical-align:middle;
	text-align:center;
}
div.Sort-tab div.row div.cell:nth-child(9) span{
	position:relative;
	left:-98px;
	float:left;
	max-width:240px;
	min-width:240px;
	min-height:30px;
	max-height:30px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
div.Sort-tab div.row div.cell:nth-child(10){
    min-width: 110px;
    max-width: 110px;
    text-align: center;
}
div.Sort-tab div.row div.cell:nth-child(11){
    min-width: 85px;
    max-width: 85px;
    text-align: center;
}
div.Sort-tab div.row div.cell:nth-child(11) i{
    color: rgba(38,37,217,1.00);
}
div.Sort-tab div.row div.cell:nth-child(12){
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}
div.Sort-tab div.row div.cell:nth-child(12) i{
    color: rgba(38,37,217,1.00);
}
div.Sort-tab div.row div.cell:nth-child(13){
    min-width: 75px;
    max-width: 75px;
    text-align: center;
}
div.Sort-tab div.row div.cell:nth-child(13) i{
    color: rgba(38,37,217,1.00);
}
div.Sort-tab div.row div.cell:nth-child(14){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
div.SortContent{
    display: table;
    height: 400px;
    margin-bottom: 5px;
    margin-top: -1px;
    margin-left: auto;
    margin-right: auto;
    min-width: 95%;
    max-width: 95%;
    border: 1px solid rgba(10,124,5,1);
    /*border-radius: 5px;*/
}
div.menuSortInfo{
    display: table;
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    
}
div.menuSortInfo div.item-menu{
    display: inline-block;
    text-align: center;
    padding-top: 2px;
    margin-bottom: 0px;
    margin-right: 4px;
    padding-left: 3px;
    padding-right: 3px;
    min-width: 145px;
    height: 22px;
    border-top: 1px solid rgba(10,124,5,1);
    border-left: 1px solid rgba(10,124,5,1);
    border-right: 1px solid rgba(10,124,5,1);
    border-bottom: 1px solid rgba(10,124,5,1);
    background-color: rgba(10,124,5,0.7);
    color: rgba(255,255,255,1);
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    /*line-height: 30px;*/
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
div.menuSortInfo div.item-menu:hover{
    cursor: pointer;
    background-color: rgba(10,124,5,0.1);
    color: rgba(10,124,5,1);
}
div.menuSortInfo div.activ,
div.menuSortInfo div.activ:hover{
    border-bottom: 1px solid rgba(255,255,255,1);
    background-color: rgba(255,255,255,1);
    color: rgba(10,124,5,1);
    box-shadow: -1px -1px 2px rgba(0,0,0,0.4);
}
div.aboutSort{
    display: table;
    min-width: 90%;
    max-width: 90%;
    margin: 15px auto;
}
div.aboutSort div.row,
div.aboutSort div.headRow{
    display: table-row;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 2px;
}
div.aboutSort div.cell:nth-child(1){
    border-left: dotted 1px rgba(68,68,68,0.5);
    min-width: 90px;
}
div.aboutSort div.row div.cell,
div.aboutSort div.headRow div.cell{
	position: relative;
    padding: 2px 15px;
    margin:1px;
    display: table-cell;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
    border-right: dotted 1px rgba(68,68,68,0.5);
    vertical-align: middle;
    border-bottom: solid 1px rgba(68,68,68,0.5);
}
div.aboutSort div.headRow div.cell{
    text-align: center;
    background:rgba(49,44,180,0.5);
    height: 40px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 14px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}
div.aboutSort div.row div.cell{
    height: 40px;
    font-size: 14px;
    color:rgba(49,44,180,1);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.aboutSort div.row:hover{
    background: rgba(0,0,0,0.15);
}
div.Plat div.headRow div.cell{
    height: 30px;
    font-size: 12px;
}
div.Plat div.red{
    background: rgba(255,77,77,0.4)
}
div.Plat div.row div.cell{
    font-size: 12px;
}
div.Plat div.cell:nth-child(1){
    min-width: 80px;
    max-width: 80px;
    text-align: center;
}
div.Plat div.cell:nth-child(2){
    min-width: 400px;
    max-width: 400px;
    text-align: justify;
}
div.Plat div.cell:nth-child(3){
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}
div.Plat div.cell:nth-child(4){
    min-width: 100px;
    max-width: 100px;
    text-align: center;
}
/*div.Plat div.cell:nth-child(5){
    min-width: 70px;
    max-width: 70px;
    text-align: center;
}*/
div.Plat div.cell:nth-child(5){
    min-width: 90px;
    max-width: 90px;
    text-align: center;
}
div.Plat div.cell:nth-child(6){
    min-width: 60px;
    max-width: 60px;
    text-align: center;
}
div.SortContent table,
div.profil table{
    margin: 5px auto;
    width: 92%;
    border: 0;
}
div.SortContent table tr td{
    width: 49%;
    text-align: center;
    vertical-align: top;
	color:rgba(10,124,5,1);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.4);
    font-size: 14px;
	/*text-transform:uppercase;*/
    
}
div.SortContent table tr td:nth-child(2){
    width: 2%;
}
div.SortContent table tr td table,
div.profil table{
    /*border: 1px solid rgba(10,124,5,1);*/
    width: 95%;
    
}
div.SortContent table tr td table tr td,
div.profil table tr td{
    border-right: dotted 1px rgba(68,68,68,0.5);
    border-bottom: solid 1px rgba(68,68,68,0.5);
	text-transform: none;
}
div.SortContent table tr td table tr td:nth-child(1){
    vertical-align: middle;
    width: 75px;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.profil table tr td:nth-child(1){
    vertical-align: middle;
    width: 300px;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.SortContent table tr td table tr td:nth-child(2){
    width: 450px;
}
div.profil table tr td:nth-child(2){
    width: 125px;
    text-align: center;
}
div.profil table tr td:nth-child(3){
    width: 125px;
    text-align: center;
}
div.SortContent table tr td table tr:nth-child(1) td,
div.SortContent table tr td table tr:nth-child(1):hover td,
div.profil table tr:nth-child(1) td,
div.profil table tr:nth-child(1):hover td{
    vertical-align: middle;
    height: 40px;
    background: rgba(49,44,180,0.5);
    color: rgba(255,255,255,1);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.SortContent table tr td table tr td,
div.profil table tr td{
	color:rgba(49,44,180,1);
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.SortContent table tr td table tr td:nth-child(2),
div.profil table tr td:nth-child(1){
    text-align: left;
    padding: 3px;
}
div.SortContent table tr td table tr:hover,
div.profil table tr:hover{
    background: rgba(0,0,0,0.15);
}
.genInvoice{
    display: none !important;
}


.generateInvoice_btn{
    /*margin-left:45%;*/
    margin-bottom: 15px;
    color: #ffffff;
    background-color: #0A7C05;
    outline: none;
    user-select: none;
    text-decoration:none;
    border-color:none;
    border-style: none;
    border-radius: 5px;
    cursor:pointer;
    width: 220px;
    height: 45px;
    font-size: 20px;
}
.active{
    background-color: rgb(67, 88, 185);
}
 
    .containerPdf {
        padding: 35px;
        font-size: 12px;
    }

    .header {
        display: flex;
        justify-content: space-between;
    }

    .headerLeft,
    .headerRight {
        display: inline-block;
        /*margin-top: 35px;*/
    }

    .headerRight {
        max-width: 280px;
    }

    .headerLeft span,
    .headerRight span {
        display: block;
        font-weight: bold;
    }

    .mainTittle,
    .invoiceNumber {
        text-align: center;
    }

    .mainTittle {
        margin-top: 30px;
        font-weight: bold;
    }

    .invoiceNumber {
        width: 450px;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        font-weight: bold;
    }

    .centerBold {
        text-align: center;
        font-weight: bold;
    }

    .paymentInvoiceTable,
    .englishPaymentTable,
    .paymentTypeTable,
    .botanicTaxonTable,
    .paymentInvoiceTable th,
    .englishPaymentTable th,
    .paymentTypeTable th,
    .botanicTaxonTable th,
    .paymentInvoiceTable td,
    .englishPaymentTable td,
    .paymentTypeTable td,
    .botanicTaxonTable td
     {
        border: 0.5px solid black;
        border-collapse: collapse;
    }

    .firstCol {
        width: 200px;
    }
.codesImg{
    display: flex;
    justify-content: space-between;
}
 .shtrihCode {
     width: 121px;   
    height: 67px;
    margin-top: 30px;
}
.italicFont{
    font-style: italic;
}
.qrCode {
    width: 90px;
    height: 90px;
    margin-top: 7px;
 }
 .adds{
     margin-top: 45px;
 }
 .onRight{
     text-align: right;
 }
 .textCenter{
     margin-left: auto;
     margin-right: auto;
     text-align: center;
 }
 .pr-10{
     padding-right: 10px;
 }
 .botanicTaxonTable{
    margin-top: 20px;
    width: 100%;
 }
/*                              -------     Loader style    -----------                            */
.loader {
        position: fixed;
        z-index: 99999;
        left: 0;
        top: 0;
        width: 100vw;
        height: 100vh;
        background-color: var(--bg-color);

    }

    .loader__dots {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .dot {
        display: inline-block;
        background: var(--dot-color);
        margin: 5px;
        animation-duration: 1s;
        animation-name: dotsanim;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }

    .dot:nth-child(1) {
        animation-delay: 0.2s;
    }

    .dot:nth-child(2) {
        animation-delay: 0.4s;
    }

    .dot:nth-child(3) {
        animation-delay: 0.6s;
    }

    .dot:nth-child(4) {
        animation-delay: 0.8s;
    }

    .dot:nth-child(5) {
        animation-delay: 1s;
    }

    @keyframes dotsanim {
        from {
            width: var(--min-size);
            height: var(--min-size);
            border-radius: calc(var(--min-size) / 2);
        }

        to {
            width: var(--max-size);
            height: var(--max-size);
            border-radius: calc(var(--max-size) / 2);
        }
    }
/*              Choose year style                   */
div.menuSortInfo div.item-menu {
    height: auto;
}
.chooseYearControll{
     color: rgb(71, 71, 71)
}
.chooseYearDropdown, .chooseYearQuery{
    display: inline-block;
}
.chooseYearQuery{
    margin: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
    font-weight: bold;
    padding:0 10px;
    margin-bottom: 0;
    transition-duration: 0.2s;
} 
.chooseYearQuery:hover{
    background-color: rgba(50, 155, 29, 0.753);
    color: #ffff;
}
.defaultYear{
    background-color: rgba(141, 141, 141, 0.753);
    color: #ffff;
}
/*                     END                     */
html, body{
 height: 100%;
}
.wrap{
display: flex;
flex-direction: column;
/*height: 100%;*/
}
.body{
  flex: 1 0 auto;
}
.footer{
 flex: 0 0 auto;
}

/***стилі залишків коштів**/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
/**********************************************************************************************************/
        /***************************************/
div.Wallet-tab{
    display: table;
    margin: 0 auto;
}
div.Wallet-tab div.table-head,
div.Wallet-tab div.table-body,
div.Wallet-tab div.table-foot{
    display: table;
}
div.Wallet-tab div.row{
    display: table;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 1px;
}
div.Wallet-tab div.open{
	display: table;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 1px;
	
}
div.Wallet-tab div.open div.row:nth-child(1),
div.Wallet-tab div.open div.row:nth-child(1):hover{
	background:rgba(39,103,252,0.5);
}
div.Wallet-tab div.open div.row{
	display: table;
    border-bottom: solid 1px rgba(68,68,68,0.5);
    margin-top: 1px;
	background:rgba(255,255,255,1);
}
div.Wallet-tab div.open div.row:hover{
	background:rgba(39,103,252,0.2);
}
div.Wallet-tab  div.cell{
	position: relative;
    padding: 2px;
    margin:1px;
    display: table-cell;
    /*box-shadow: 0px 1px 1px rgba(0,0,0,0.2);*/
    border-right: dotted 1px rgba(68,68,68,0.5);
    vertical-align: middle;
    /*border-bottom: solid 1px rgba(68,68,68,0.5);*/
}
div.Wallet-tab div.table-head  div.cell,
div.Wallet-tab div.table-foot  div.cell{
    text-align: center;
    background:rgba(10,124,5,0.7);
    height: 30px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    font-size: 13px;
	text-transform:uppercase;
    color: rgba(255,255,255,1.00);
}
div.Wallet-tab div.table-head div#search div.cell{
	height: 25px;
}
div.Wallet-tab div.table-body  div.cell{
    height: 30px;
    font-size: 13px;
    /*color:rgba(3,46,1,1.00);*/
    text-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
div.Wallet-tab div.table-body div.row:hover{
    background: rgba(0,0,0,0.15);
}
div.Wallet-tab  div.cell:nth-child(1){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
    border-left: dotted 1px rgba(68,68,68,0.5);
}
div.Wallet-tab div.cell:nth-child(2){
    min-width: 50px;
    max-width: 50px;
    text-align: center;
}
div.Wallet-tab div.cell:nth-child(2) i{
	color: rgba(38,37,217,1.00);
	cursor: pointer;
}
div.Wallet-tab div.cell:nth-child(2) i:hover{
	color: rgba(217,36,36,1.00);
}
div.Wallet-tab div.cell:nth-child(3){
    min-width: 150px;
    max-width: 150px;
    text-align: center;
}
/*div.Wallet-tab div.row div.cell:nth-child(2):hover{
    color: rgba(10,124,5,1);
}*/
div.Wallet-tab div.cell:nth-child(4){
    min-width: 140px;
    max-width: 140px;
    text-align: right;
}
div.Wallet-tab div.cell:nth-child(5){
    min-width: 170px;
    max-width: 170px;
    text-align: left;
}
div.Wallet-tab div.cell:nth-child(6){
    min-width: 540px;
    max-width: 540px;
    text-align: left;
}
span.grn{
	text-transform:none;
}