*{
	 -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	      -o-box-sizing: border-box;
	         box-sizing: border-box;

	 -webkit-transition: 1s ease-out;
	    -moz-transition: 1s ease-out;
	      -o-transition: 1s ease-out;
	         transition: 1s ease-out;

	             margin:0;
	            padding:0;
	            
  
}
html
{ 
    height:100%;
	font-size: 16px;
}
body
{
	font-family: arial, tahoma, verdana, sans-serif;
    font-size: 1rem;
    color: #383838;
    letter-spacing: 0.0px;
    line-height: 1.15;
    padding: 0px;
	height: 100%;
	width: 100%;
    background-color: #E0E0D8;
	overflow: hidden;
}
.logo70{
	background-image: url(/themes/custom/abit/logo-70.png);
    background-repeat: no-repeat;
    width: 70px;
    height: 70px;
    float: left;
    top: 0;
    position: absolute;
}
.dialog-off-canvas-main-canvas
{
	height: 100%;
}
header
{
	font-size: 13px;
	height: 70px;
	padding: 15px 25px;
	color: #fff;
    background-color: #3f51b5;
    box-shadow: 0px 2px 4px -1px rgb(0 0 0 / 20%), 
				0px 4px 5px 0px rgb(0 0 0 / 14%), 
				0px 1px 10px 0px rgb(0 0 0 / 12%);
}
header a{
	font-size: 13px;
}
.loader{
	background-image: url(/themes/custom/abit/images/ajax-loader.gif);
	width: 66px;
	height: 66px;
}
HTML > BODY header hr
{
	margin: 0;
}
header .abitHeader
{
	color: white;
	/* height: 48px; */
	/* padding: 10px 0; */
	/* font-size: 30px; */
	font-size: 24px;
	position: absolute;
    left: 140px;
	top:21px;
}
header .abitHeader a
{
	text-decoration: none;
	color: white;
}
div.account
{
	height: 32px;
	float: right;
}
.account img
{
	height: 30px;
	vertical-align: middle;
}
a.notDecoration{
	text-decoration: none;
}
a.account .accountInfo{
	position: absolute;
    top: 38px;
    right: 0;
    color: black;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid black;
    min-width: 250px;
	display: none;
	text-align: left;
	z-index:100;
}
a.account:hover .accountInfo{
	display: block;
}
div.account a.account
{
	display: inline-block;
	border: 1px solid #dadce0;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	padding: 4px;
	vertical-align: middle;
	text-align: center;
	background-color: #fff;
}
a.login,
div.account a.logout
{
	background-color: #ffffff;
    border: 1px solid #dadce0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
	padding: 10px 24px;
	text-decoration: none;
}
a.login:hover,
div.account a.logout:hover
{
	background-color: #E8E8E9;
}
div.listMenu a.svg,
div.account a.svg
{
	width: 48px;
	height: 48px;
	padding: 8px;
	margin: 0;
	display: inline-block;
	vertical-align: middle;
}
div.listMenu a.svg
{
	margin: 11px 0;
}
div.listMenu a.svg svg,
div.account a.svg svg
{
	color: #5f6368;
    opacity: 1;
}

div.account a.svg:hover
{
	border-radius: 50%;
	background-color: gray;
}
div.blockApp
{
	position: absolute;
	top: 70px;
	right: 20px;
	display: none;
	width: 300px;
	max-height: 450px;
	border: 1px solid #5f6368;
	border-radius: 5px;
	box-shadow: 0 0 10px #5f6368;
	padding: 10px;
	overflow: auto;
	z-index: 5;
	background-color: #fff;
	scrollbar-width: thin;          /* "auto" или "thin"  */
	scrollbar-color: #d7f5d7 #efefef;   /* плашка скролла и дорожка */
}

div.blockApp::-webkit-scrollbar {
  width: 10px;               /* ширина scrollbar */
}
div.blockApp::-webkit-scrollbar-track {
  background: #efefef;        /* цвет дорожки */
}
div.blockApp::-webkit-scrollbar-thumb {
  /*background-color: #dedede;    /* цвет плашки */
  background-color: #d7f5d7;    /* цвет плашки */
  border-radius: 20px;       /* закругления плашки */
  border: 1px solid #5ad65a;  /* padding вокруг плашки */
}
div.blockApp table tr td
{
	text-align: center;
	width: 92px;
}
div.blockApp a
{
	height: 40px;
}
div.blockApp a img
{
	height: 40px;
}
div.blockApp img
{
	height: 40px;
}



div.breadcrumb
{
	padding: 5px 15px;
}
div.breadcrumb ol li
{
	list-style: none;
}


div#content
{
	overflow: auto;
	margin: 1rem;
    background: #F8F9FA;
    border: 1px solid #ccc;
	height: calc(100% - 90px - 2rem);
	scrollbar-width: thin;
	padding: .5rem;
	position: fixed;
    width: calc(100% - 2rem);
}
#block-abit-content
{
	height: 100%;
}
/*-----------------------таблица----------------------*/
table
{
	width: 100%;
	border-collapse: collapse;
}
table.table,
table.borderb,
table.border
{
	width: 100%;
	border-collapse: collapse;
}
table tr td,
table tr th
{
	padding: 5px;
	vertical-align: middle;
	min-height: 1.9rem;
	height: 1.9rem;
}
table.table tr th,
table.borderb tr th,
table.border tr th
{
	background-color: #96bef0;
}
table tr.th
{
	text-align: center;
	font-weight: bold;
	background-color: #96bef0;
	/* color: #fff; */
}

table.table tr td
{
	padding: 5px;
}
table.border tr td
{
	border: 1px solid gray;
	padding: 5px;
}
table.borderb tr td
{
	border: 1px solid #bed8f8;
	padding: 5px;
}
/*table:not(.footerTable):not(.psearch):not(.theader):not(.MonthTable):not(.mceLayout):not(.mceToolbar):not(.myui-datepicker-calendar) tr:hover td
{
	background-color: #87ceeb;
}*/
/* table.table tr:hover td, */
table.borderb tr:hover td,
table.border tr:hover td
{
	background-color: #d0c9b4;
}
table.table tr:not(.prikaz3):not(.prikaz2):not(.hoverTrue):hover td
{
	background-color: #d0c9b4;
}
table.table tr.hoverTrue:hover td
{
	border-top: 1px solid green;
	border-bottom: 1px solid green;
}
table.table tr.hoverTrue td.hoverCol
{
	border-left: 1px solid green;
	border-right: 1px solid green;
}
table tr td img
{
	vertical-align: middle;
	text-align: center;
}

/*-----------------------------ul,ol,li--------------------------------*/
ol,
ul
{
	margin-left: 1.6rem;
}

/*-------------------------------меню-------------------------*/
.menu
{
	background: #fff;
    background: #e3f3ff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    padding: 10px;
	margin: 15px 37px 15px 15px;
    border: 1px solid #ccc;
}

.menu ul
{
	list-style: none;	
}

div#primary_menu
{
	margin: 0 2.2rem;
}
ul.tabs
{
	padding: 0;
    list-style: none;
	position: relative;
	clear: both;
    margin: 1rem 0 0;
	overflow: visible;
    max-height: none !important;
    padding-top: 0 !important;
}
ul.tabs li
{
	float: left;
	border: 1px solid;
    border-color: #a6a6a6;	
    border-bottom: 0;
    border-radius: .25rem .25rem 0 0;
	background-color: #EDEDE8;
    margin: 0 0 -1px;
}
ul.tabs li a
{
	display: block;
    padding: 0.2rem 1rem;
    text-decoration: none;
	padding: 0.4375rem 2rem 0.4375rem 2rem;
} 
ul.tabs li:hover
{
	background-color: #fff;
}
ul.tabs li.active
{
	background-color: #F8F9FA;	
    border-bottom: 0;
	z-index: 15;	
}
ul.tabs li.active a
{
	color: green;
}

/*--------------------------------левое меню------------------*/
.leftMenu
{
	float: left;
}

.prikaz1 
{
    padding: 0.3125rem;
    background-color: #ffffff;
}
.prikaz2 
{
    padding: 0.3125rem;
    background-color: #bed8f8;
}
.prikaz3 
{
    padding: 0.3125rem;
    background-color: #96bef0;
}
.prikaz4 
{
    padding: 0.3125rem;
    background-color: #e3f3ff;
}


.textcenter
{
	text-align: center;
}
.textleft,
table tr.textleft td,
table tr td.textleft,
table.table tr.textleft td,
table.table tr td.textleft,
table.borderb tr.textleft td,
table.borderb tr td.textleft
{
	text-align: left;
}
.textright,
table tr.textright td,
table tr td.textright,
table.table tr.textright td,
table.table tr td.textright,
table.borderb tr.textright td,
table.borderb tr td.textright
{
	text-align: right;
}
.textbold,.bold
{
	font-weight: bold;
}
.floatleft
{
	float: left;
}
.floatright
{
	float: right;
}
img.photo
{
	border: 1px solid gray;
	vertical-align: middle;
	cursor: pointer;
}
/*------------------<button>--------------------------*/
button{
	padding: 0.375rem 0.75rem;
    margin: 0.3125rem;
    color: #00137F;
    cursor: pointer;
}
button.button,input[type="button"],input[type="submit"]
{
	padding: 0.375rem 0.75rem;
    margin: 0.3125rem;
    color: #00137F;
    cursor: pointer;
    background-color: #ccccff;
    border-color: #ccccff;
    text-decoration: none;
}
input[type='text'], input[type='number'], input[type='date'], input[type='time'], input[type='password'], textarea, select, option {
    border: 1px solid #ced4da;
    color: inherit;
    /* background: #6f6d6d; */
    background: #fff;
    padding: 0.4rem;
    border-radius: 0.28rem;
    color: inherit;
}
.cancelPopup{
	background-color: red;
    color: #fff;
    border: 1px solid red;
	position: absolute;
    right: 0;
    top: 0;
	margin: 0;
}

/*---------------------<a>----------*/
a{
    color:#2b7cab;
    color:#30318D;
    text-decoration:underline;
    margin:0 .25rem;
	cursor: pointer;
}
a:hover{
    color:#e65b5b;
}
a:active{
    color:#000;
    outline:none;
}
a.active{
    color:#000;
    outline:none;
}
/*---------------------<h*>----------*/
h1{
    padding: 0 0 7px 0;
    margin: 0;
    color: #5c5c5c;
    font-size: 1.6rem;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
}
h2 {
    padding: 0 0 7px 0;
    margin: 0;
    color: #5c5c5c;
    font-size: 1.5rem;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
}
h3{
    font-size:1.4rem;
    font-weight:600;
}
h4{
    font-size:1.3rem;
    font-weight:400;
}
h5{
    font-size:1.2rem;
    font-weight:400;
}
h6{
    font-size:1.1rem;
    font-weight:400;
}

/*---------------------------footer-----------------------*/
footer
{
	position: absolute;
	bottom: 5px;
	margin: 0 calc(50% - 235px);
	/* text-align: center; */
}
.footer_copy{
	font-size: 13px;
}

/*-------------------------------------------------*/
.userBlock
{
	width: 100%;
    background: #fff;
    background: #e3f3ff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    -khtml-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.4);
    padding: 10px;
    border: 1px solid #ccc;
}

.row .col-85
{
	-ms-flex: 0 0 85px;
    flex: 0 0 85px;
    max-width: 85px;
}

.error {
	color: #666565;
	font-family: arial;
	font-weight: bold;
}
.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}
.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.alert-primary {
    color: #004085;
    background-color: #cce5ff;
    border-color: #b8daff;
}
.alert {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: .5rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
.divInfoDataBase{
	font-size: .75rem;
	padding: 0.5rem 0.75rem;
	color:red;
}
.typeConnect{
	display:flex;
}
.fleft{
	float: left;
}
.fright{
	float: right;
}
.posLeftTop{
	position: absolute;
    top: 0;
    left: 0;
}
.posRightTop{
	position: absolute;
    top: 0;
    right: 0;
}
.openMenu
{
	background-image: url(/themes/custom/abit/images/menu.png);
	padding: 0;
	margin: 0;
	width: 42px;
	height: 38px;
	float: left;
	cursor: pointer;
}
.listMenu
{
	position: absolute;
	left: 0;
	width: 0;
	height: 100%;
    top: 0;
	overflow: hidden;
    border: 1px solid #5f6368;
    border-radius: 5px;
    box-shadow: 0 0 10px #5f6368;
    z-index: 5;
    background-color: #fff;
}
a.tabLink
{
	text-decoration: none;
	text-align: left;
	background-color: #fff;
	margin: 0;
}
a.tabLink div
{
	/* width: 220px; */
	width: 100%;
	padding: 15px;
}
a.tabLink:hover div
{
	background-color: aliceblue;
	/* background-color: #F5F5F5; */
	/* border-top: 1px solid gray; */
	/* border-bottom: 1px solid gray; */
}
#overlay 
{
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: 0.70;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1;
    display: none;
}
#pop-up{
	position: absolute;
	width: calc(100vw - 2rem);
	height: calc(100vh - 2rem);
	top: 1rem;
	left: 1rem;
	display: none;
	z-index:2;
	background-color: #fff;
    border: 1px solid gray;
    border-radius: .5rem;
	padding:1.5rem;
	overflow-y: auto;
	overflow-x: hidden;
}
#popContent{
	width:calc(100vw - 5rem);
}
div.listMenu div.list
{
	width: 300px;
	overflow-y: auto;
	height: calc(100% - 70px);
}
.width50p
{
	width: 50%;
	max-width: 50%;
}
.bg_ececec
{
	background: #ececec;
}
.bg_dbdbdb
{
	background: #dbdbdb;
}
.bg_bafaa4
{
	background: #bafaa4;
}
.bg_9bdc84
{
	background: #9bdc84;
}
.colorRed{
	color:red;
}
.colorGreen{
	color:green;
}
.hide{
	display: none;
}
.formobile
{
	display: none;
}
.notformobile
{
	/* display: block; */
}
.padding5px{
	padding: 5px;
}
.padding5{
	padding: 0.2rem;
}
hr{
	background-color: green;
	margin: 10px 0;
}
#pop-up.show_overflow_x{
	overflow-x:auto;
}
.verticalTop
{
	vertical-align: top;
}
.ac_results{
	z-index:5;
	padding: 0px;
    border: 1px solid WindowFrame;
    background-color: Window;
    overflow: hidden;
}
@media (max-width: 800px){
	html{
		font-size: 15px;
	}
}
@media screen and ((max-width: 650px) or (max-height: 500px))
{
	html{
		font-size: 13px;
	}
	.formobile
	{
		display: block;
	}
	.notformobile
	{
		display: none;
	}
	footer
	{
		margin: 0;
	}
}