.text1row{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
}
.fleft{
	float:left;
}
.fright{
	float:right;
}
.fixed{
	position:fixed;
}
.inline{
	display:inline;
}
.inl-block{
	display:inline-block;
}
.tleft{
	text-align:left !important;
}
.tcenter{
	text-align:center !important;
}
.tright{
	text-align:right !important;
}
.none, .hidden{
display:none !important;
}
.myshow, .myblock{
	display:block;
}
.green{
	color:green;
}
.red{
	color:red;
}
.pointer{
	cursor:pointer;
}
a{
	text-decoration:none;
}
.nowrap{
	white-space:nowrap;
}
.w100{
	width:100%;
	box-sizing:border-box;
}
textarea{
	resize: none;
}
.resize{
	resize:both;
}
.clear {
    height: 1px;
    clear: both;
}
.f_filters{
	display:inline-block;
	border:1px solid #d9ecf0;
	vertical-align:top;
}
.no_border{
	border:none;
}
.rotate_180{
transform: rotate(180deg);
}
.rotate_button_180{
	margin-left:3px;
}
/*Відключаємо стрілочки в input типу number*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}
/*END Відключаємо стрілочки в input типу number*/

/* Інформер */
#informer{
	font-family:tahoma;
	font-size:11px;
	/*background-color:#f2f4ff;*/
	background-color:rgba(242, 244, 255,0.9);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8c7d3;
	padding:10px 10px 0px 10px;
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
}
#informer .head{
	color:#4d6686;
}
#informer .context{
	box-sizing:border-box;
	width:780px;
	margin:auto;
}
@media screen and (min-width:1200px){
	#informer .context{
		width:1000px;
	}
}
@media screen and (max-width:820px){
	#informer .context{
		width:90%;
	}
}
#informer .close{
	cursor:pointer;
	float:right;
	padding:10px 10px;
}
#informer .close:hover{
	background-color:#e0e8f7;
}
#informer .close:hover img{
	 filter: brightness(50%); 
}
/* Інформер */


/*подивись вроді криколіна кнопкка*/
.btn_main, .btn_main:hover {
    border-color: #0077cc;
    background-color: #147fc0;
}
.btn_main, .btn_main:hover {
color: white;
text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
border-radius: 2px;
padding: 0 12px;
position: relative;
display: inline-block;
vertical-align: middle;
line-height: 30px;
margin: 0 12px 0 0;
border: 1px solid;
cursor: pointer;
font-family: inherit;
font-size: 13px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
outline: none;
}
/*END подивись вроді криколіна кнопкка*/

/* Універсальне модальне вікно*/
.ModalWindow{
	width: 800px; 
	height: 600px; /* Рaзмеры дoлжны быть фиксирoвaны */
	border-radius: 4px;
	border: 1px #D9ECF0 solid;
	background: #dbe7f7;
	position: fixed; /* чтoбы oкнo былo в видимoй зoне в любoм месте */
	top: 45%; /* oтступaем сверху 45%, oстaльные 5% пoдвинет скрипт */
	left: 50%; /* пoлoвинa экрaнa слевa */
	margin-top: -300px;
	margin-left: -400px; /* тут вся мaгия центрoвки css, oтступaем влевo и вверх минус пoлoвину ширины и высoты сooтветственнo =) */
	display: none; /* в oбычнoм сoстoянии oкнa не дoлжнo быть */
	opacity: 0; /* пoлнoстью прoзрaчнo для aнимирoвaния */
	z-index: 2; /* oкнo дoлжнo быть нaибoлее бoльшем слoе */
	padding: 7px 3px 3px 3px;
	overflow:hidden;
	box-shadow: inset 0px 0px 3px -1px rgba(94,94,94,1);
	cursor: default;
}
@media (max-width: 768px) {
	.ModalWindow{
		width: 100% !important;
		margin-left: 0px !important;
		height: 100% !important;
		margin-top: 0px !important;
		display: block !important;
		top: 0px !important;
		opacity: 1 !important;
		left: 1px !important;
	}
}
.ModalWindowGrid{
	display: grid;
	height: 100%;
	grid-template-rows: 24px minmax(auto, auto) 33px;
}
.ModalWindow h1{
	font-size: 18px;
}
.ModalWindowTitle{
	color:#30517B;
	padding-bottom:5px;
	text-align: center;
	cursor:move;
}
.ModalWindowClose {
    width: 21px;
    height: 21px;
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
    display: block;
}
.ModalWindowClose img{
	vertical-align: top;
}
.ModalWindowClose:hover{
	filter: contrast(85%);
}
.ModalWindowContent{
	border: 1px solid #99bbe8;
	background-color: #ffffff;
	overflow: auto;
	padding:15px;
}
.ModalWindowBottomButtons{
	text-align: center;
	padding-top:3px;
}
/* Пoдлoжкa */
.ModalWindowOverlay{
	z-index:1; /* пoдлoжкa дoлжнa быть выше слoев элементoв сaйтa, нo ниже слoя мoдaльнoгo oкнa */
	position:fixed; /* всегдa перекрывaет весь сaйт */
	background-color:#666; /* чернaя */
	opacity:0.07; /* нo немнoгo прoзрaчнa */
	/*filter:alpha(opacity=0.05);*/
	width:100%; 
	height:100%; /* рaзмерoм вo весь экрaн */
	top:0; /* сверху и слевa 0, oбязaтельные свoйствa! */
	left:0;
	cursor:default;
	display:none; /* в oбычнoм сoстoянии её нет) */
}
/* END Універсальне модальне вікно*/

.uppercase{
	text-transform:uppercase
}

/*TBL*/
.TBL{
	border-radius:2px 2px 0 0;
	background-color: #c3d9dd;
	border-collapse: initial;
}
.TBL *{
	font-family:Tahoma, Geneva, sans-serif;
}
.TBL th{
    background-color: #F2F8FF;
    padding: 4px 2px;
	text-align:center;
}
.TBL td{
	background-color: #fff;
    padding: 2px 4px 1px 4px;
}
.TBL tr:nth-child(2n+3) > td, .TBL tr:nth-child(2n+3) > td > input[type="text"]{
	background-color:#F7F7f7;
}
.TBL tr:hover td:not(.mceFirst), .TBL tr:hover td input[type="text"]:not(.mceFirst){
	background-color: #FBFDE3;
}
.TBL_NO_YELLOW tr:hover td:not(.mceFirst), .TBL_NO_YELLOW tr:hover td input[type="text"]{
	background:#fff !important;
}
.TBL .blue_hover:hover td{
	background-color: #9bc4f2 !important;
}
.TBL a{
	color: #333 !important;
	text-decoration:none;
}
.TBL a:hover{
	text-decoration:none;
}
.TBL .link{
	color:#2d8ce0 !important;
	padding-bottom: 1px;
	cursor:pointer;
}
.TBL .link:hover{
	border-bottom: 1px dotted #1c7db3;
	padding-bottom: 0px;
	color:#3483C9;
}
.TBL img{
	vertical-align:middle;
}
.TBL input[name="delete"], .TBL input[name="deleted"]{/*виправляю один баг який появився після переходу на bootstrap*/
	margin-right: 4px;
}
.TBL .selected_row td,.TBL .selected_row td input[type="text"]{
	background-color: #9bc4f2 !important;
}
.selected_row td input[type="text"]{
	border-color:#9bc4f2 !important;
}
.TBL td input[type="text"]{
	border: 1px solid #fff;
	box-sizing:border-box;
}
.TBL select {
	background-color: inherit;
}
/*.TBL tr:nth-child(2n+3) td input[type="text"]{
	border-color:#F7F7f7;	
}
.TBL tr:nth-child(2n+3) td input[type="text"]:focus{*/
	/*border-color:#FBFDE3;*/	
/*}*/

.TBL input[type="submit"]{
	font-size:11px;
}
.TBL td input[type="text"], .TBL td input[type="password"], .TBL td input[type="number"], .TBL td select{
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom: 1px solid #eee !important;
	padding-left:5px;	
	width:100%;
	box-sizing:border-box;
}

.TBL td input[type="text"]:focus, .TBL td input[type="text"]:focus-visible, 
.TBL td input[type="password"]:focus, .TBL td input[type="password"]:focus-visible{
	border-top:none;
	border-right: none;
	border-left: none;
	border-bottom-color:#85B0F1 !important;
	outline: none;
	background-color: inherit;
}
.TBL textarea{
	width: 100%;
	border:1px solid #eee;
	padding:5px;
	box-sizing: border-box;
}
.TBL textarea:focus{
	border-bottom:1px solid #85B0F1;
	outline: none;
}
.TBL td select{
	padding-left:3px;
}
.TBL .active_row td{
	background-image: linear-gradient(to bottom,#f2f8ff,#c3daf6);
}
.TBL tr .edit_row{
	display:none;
}
.TBL tr:hover .edit_row{
	display:block;
	cursor:pointer;
}
.TBL tr .edit_row_v2{
	opacity:0;
	transition:0.1s;
	float:right;
}
.TBL tr:hover .edit_row_v2{
	opacity:1;
	cursor:pointer;
}

.TBL tr .img_row{
	display:block;
}
.TBL tr:hover .img_row{
	display:none;
}
.TBL .select_row:hover td{
	cursor:pointer;
	background-color:#9db8d4;
}
.TBL .code img{
	opacity:0.06;
	transition:0.1s;
	cursor:pointer;
}
.TBL .code:hover img{
	opacity:1;
}
.TBL .tr_select td{
	background-color:#9bc4f2 !important;
}
.TBL_WHITE > tr > td, .TBL_WHITE > tr > td > input[type="text"], .TBL_WHITE td.white_background, .TBL td.white_background input[type="text"]{
/*.TBL_WHITE tr td:not(.mceFirst), .TBL_WHITE tr td input[type="text"], .TBL_WHITE td.white_background, .TBL td.white_background input[type="text"]{*/
	background-color:#FFFFFF !important;
}
.TBL_WHITE{
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border:solid 1px #f2f8ff;
}
.TBL_BLUE_SELECT tr:hover td{
	background-color: #9bc4f2 !important;
}
.pidkresleno{
	padding-bottom:1px;
	border-bottom:none;
}
.pidkresleno:hover{
	padding-bottom:0px;
	border-bottom:1px dotted #1c7db3;
}
/*Застосовується для TR які треба підсвітити легенько синім кольором*/
	.TBL .blue_select_light td, .TBL .blue_select_light td input[type="text"]{
		background-color:#cde6fd !important;
	}
	.TBL .blue_select_light td input[type="text"]:focus{
		background-color:#fff !important;
	}
	.TBL .blue_select_light input[type="text"]{
		border-color:#cde6fd;
	}
/* END Застосовується для TR які треба підсвітити легенько синім кольором*/
.TBL_LEFT_TH th{
	text-align:left !important;
}
.TBL_RIGHT_TH th{
	text-align:right;
	padding-right:7px;
}
.TBL .upFolder td{
	background-color: #f5f2e2 !important;
}
.TBL .upFolder:hover td{
	background-color: #EBE6D1 !important;
}
.TBL .gridSelectAddButton{
	display: grid;
  	grid-template-columns: 1fr 21px;
}
/*.o2k7Skin td.mceToolbar, .o2k7Skin td.mceToolbar{
background: #E5EFFD !important;	
}
.mceFirst{
	background: transparent !important;
}
.o2k7Skin .mceIcon {
	background-color: rgba(0, 0, 0, 0) !important;
}
.o2k7Skin span, .o2k7Skin *{
	background-color: transparent !important;
}*/
/*END TBL*/

/*WARNING block*/
.warning{
	border-color: #dfb56c;
	border-style:solid;
	color: #826430;
	background: #efe1b3;
	margin-bottom: 20px;
	margin-top: 0;
	border-width: 0px 0px 0px 5px;
	padding: 10px;
	text-align:left;
}
.warning .close{
	top: 0;
	cursor:pointer;
right: -5px;
line-height: 15px;
font-size: 31px;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .2;
font-weight:700;
float: right;
}
.warning .img{
	vertical-align:text-top;
	position:relative;
	top:3px;
}
.warning .text_warning{
	padding-right:20px;
}
.warning .text_message a{
	border-bottom:#9A773A 1px dashed;
	
}

.warning_blue{
	background-color:#c3e4ff !important;
	border-color:#b0cee6 !important;
	color:#607d8b;
}
.warning_blue .img_blue{
	display:inline !important;
}
.warning_blue .img_warning{
	display:none !important;
}
.warning_blue .text_message a{
	border-bottom:#6F8596 1px dashed;
}

.warning_red{
	min-height:70px;
	background-color:#f65656 !important;
	border-color:#BB4444 !important;
	color:#ffffff;
}
.warning_red .img_red{
	display:inline !important;
	margin-bottom:10px;
	margin-right:10px;
	float:left;
	position:static !important;
}
.warning_red .img_warning{
	display:none !important;
}
.warning_red .text_message a{
	border-bottom:#ffffff 1px dashed;
}
/*END WARNING block*/


/*Вкладки на чистому CSS*/
/*
<ul class="tabs">
	<li>
		<input type="radio" name="tabs" id="tab-'.$i.'" '; if($i==0){echo'checked';} echo'>
		<label for="tab-'.$i.'">'.$lang_arr[$i].'</label>
		<div class="tab-content">
			TEXT
		</div>
	</li>
</ul>
*/
.tabs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	position: relative;
}
.tabs:after {
	content: "";
	clear: both;
	display: block;
	height: 240px;
}
.tabs li {
	float: left;
}
.tabs li > input {
	display: none;
}
.tabs li > label {
	text-transform:uppercase;
	font-weight:bold;
	display: inline-block;
	border: 1px solid #fff;
	border-bottom-width: 0;
	height: 30px;
	line-height: 30px;
	padding: 5px 20px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.tabs li:last-child > label {
	border-right-width: 1px;
}
.tabs .tab-content {
	display: none;
	position: absolute;
	left: 0;
	padding: 20px;
	border: 1px solid #c3d9dd;
	overflow-y: auto;
	width:100%;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
}

/* Functional */

.tabs li > input:checked + label {
	background-color: #F2F8FF;
	border-color:#c3d9dd;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.tabs li > input:checked ~ .tab-content {
	display: block;
}
/*END Вкладки на чистому CSS*/

/*Підказки*/
.tooltip { /* стиль текста, наведя или нажав на который появится пояснение */
  display: inline-block;
  position: relative;
  text-indent: 0px;
  cursor:pointer;
}
.tooltip img{
	opacity:0.6;
}
.tooltip > span { /* стиль появляющейся подсказки */
  position: absolute;
  bottom: 100%;
  left: -20em; /* = max-width */
  right: -20em; /* = max-width */
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;  /* ширина подсказки может быть не более содержимого */
  max-width: 20em;  /* ширина подсказки может быть не более 20em */
  max-height: 80vh; /* необязательное ограничение по высоте подсказки, 1vh — это 1% от ширины окна */
  overflow: auto;
  visibility: hidden;
  margin: 0 auto .4em; /* поднята на .4em над текстом, наведя или нажав на который появится пояснение */
  padding: .3em;
  border: solid rgba(166,167,141,1.00);
  font-size: 90%;
  background: #fff;
  line-height: normal;
  cursor: auto;
  background-color:#FEFFE0;
}
.tooltip.left > span { /* начинается от левого края */
  left: 0;
  right: -20em;
  margin: 0 0 .4em;
}
.tooltip.right > span { /* начинается от правого края */
  left: -20em;
  right: 0;
  margin: 0 0 .4em auto;
}
.tooltip:after { /* треугольничек под подсказкой; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 50%;
  visibility: hidden;
  margin: 0 0 0 -.4em;
  border: .4em solid;
  border-color: rgb(200,200,200) transparent transparent transparent;
  cursor: auto;
}
.tooltip.left:after {
  left: 1em;
}
.tooltip.right:after {
  left: auto;
  right: .6em; /* 1em - .4em */
}
.tooltip:before { /* поле между текстом, наведя или нажав на который появится пояснение, и подсказкой нужно чтобы, если перевести курсор мышки на подсказку, та не исчезла; тут тоже везде .4em */
  content: "";
  position: absolute;
  top: -.4em;
  left: 0;
  right: 0;
  height: .4em;
  visibility: hidden;
}
.tooltip:hover > span,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus > span,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  transition: 0s .4s;
}
.tooltip:focus { /* убрать рамку в Хроме */
  outline: none;
}
.tooltip.anim > span,
.tooltip.anim:after { /* анимация */
  opacity: 0;
  transform: translateY(1.5em) scale(.3);
  transform-origin: center bottom;
}
.tooltip.anim:after {
  transform: translateY(.7em) scale(.3); /* 1.7 = 1.5 / (1.4*2) */
}
.tooltip.anim:hover > span,
.tooltip.anim:hover:after,
.tooltip.anim:focus > span,
.tooltip.anim:focus:after {
  opacity: 1;
  transition: .6s .4s;
  transform: translateY(0);
}
@media (max-width: 20em) { /* ширина подсказки может быть не более ширины окна браузера */
  .tooltip > span {
    max-width: 100vw; /* в 100vw входит полоса прокрутки, но на мобильных она часто отсутствует */
    box-sizing: border-box;
  }
}
/* Приклади
<span class="tooltip" tabindex="0">наведи на меня (по центру) <span>Подсказка</span></span>
<span class="tooltip left" tabindex="0">наведи на меня (влево) <span>Подсказка</span></span>
<span class="tooltip right" tabindex="0">наведи на меня (вправо) <span>Подсказка</span></span>
<span class="tooltip anim" tabindex="0">наведи на меня (с анимацией) <span>Подсказка</span></span>
*/
/*END Підказки*/

/*Кнопки*/
.button15 {
  display: inline-block;
  font-family: arial,sans-serif;
  font-size: 14px;
	line-height: 14px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  user-select: none;
  padding: 5px 1.2em;
  outline: none;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;
}
.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid rgb(198,198,198);
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}
.button15_small{
	padding: 2px 5px !important;
}

.button1 {
background: #e3e3e3;
border: 1px solid #bbb;
border-radius: 3px;
box-shadow: inset 0 0 1px 1px #f6f6f6;
color: #333;
font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
display:inline-block;
padding: 8px 11px 9px;
text-align: center;
text-shadow: 0 1px 0 #fff;
cursor:pointer;
 }
.button1:hover {
background: #d9d9d9;
-webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
-moz-box-shadow: inset 0 0 1px 1px #eaeaea;
box-shadow: inset 0 0 1px 1px #eaeaea;
color: #222;
cursor: pointer; }
.button1:active {
background: #d0d0d0;
-webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
-moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
box-shadow: inset 0 0 1px 1px #e3e3e3;
color: #000; }
.button2{
	background-color: rgb(132, 123, 186);
	background-image: linear-gradient(rgb(132, 123, 186), rgb(117, 104, 186));
	border-bottom-color: rgb(73, 62, 135);
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-image-outset: 0;
	border-image-repeat: stretch stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	border-left-color: rgb(73, 62, 135);
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: rgb(73, 62, 135);
	border-right-style: solid;
	border-right-width: 1px;
	border-top-color: rgb(73, 62, 135);
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-top-style: solid;
	border-top-width: 1px;
	box-shadow: rgb(186, 182, 212) 0px 1px 0px 0px inset, rgb(101, 90, 161) 0px -1px 0px 0px inset, rgb(148, 141, 186) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
	color: rgb(255, 255, 255);
	cursor: pointer;
	display: inline-block;
	font-family: Verdana, sans-serif;
	font-feature-settings: normal;
	font-kerning: auto;
	font-language-override: normal;
	font-size: 12px;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-variant-alternates: normal;
	font-variant-caps: normal;
	font-variant-east-asian: normal;
	font-variant-ligatures: normal;
	font-variant-numeric: normal;
	font-variant-position: normal;
	font-weight: 400;
	line-height: 20px;
	padding-bottom: 9px;
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 9px;
	text-shadow: rgba(0, 0, 0, 0.3) 0px 1px 2px;
	transition-delay: 0s;
	transition-duration: 0.02s;
	transition-property: all;
	transition-timing-function: ease-out;
	vertical-align: top;
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
}
.button2:hover, .button2:focus {
    background: #5F53A0;
    
    box-shadow: inset 0 1px 0 #bab6d4, inset 0 -1px 0 #655aa1, inset 0 0 0 1px #948dba;
}
.button3 {
 position:relative;
 display:inline-block;
  padding:0 30px;
 height:50px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 border:1px solid;
 border-radius:3px;
 -webkit-user-select:none;
 -moz-user-select:none;
 -ms-user-select:none;
 user-select:none;
 vertical-align:top;
 text-align:center;
 font-family:Roboto,Arial,Tahoma,Helvetica,Liberation Sans,sans-serif;
 font-weight:700;
 -webkit-box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);
 box-shadow:inset 0 -2px 0 0 rgba(0,0,0,.1);
  border-color:#00c5ff;
 background:#00c5ff;
 color:#fff;
  font-size:16px;
}
.button3:before {
 display:inline-block;
 height:100%;
 vertical-align:middle;
 content:""
}
.button3:hover {
 cursor:pointer;
 text-decoration:none;
 border-color:#21cdff;
}
.button3:active {
 outline:none;
 -webkit-box-shadow:inset 0 2px 0 0 rgba(0,0,0,.1);
 box-shadow:inset 0 2px 0 0 rgba(0,0,0,.1);
  border-color:#00c5ff;
 background:#00c5ff;
  margin-bottom:-2px
}
.button3:focus {
 outline:none
}
.cancel_button{
	color: #1687F8;
}
/*END Кнопки*/

/*AJAX ПрогресБар*/
.progress {
  opacity:0.6;
  width: 100%;
  height: 10px;
  position: fixed;
  bottom:0px;
  left:0px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 0px;
  overflow: hidden;
  display:none;
  /*background-image:url(http://esperia_.com.ua/images/popup-close.png);
  background-position:right center;
  background-repeat:no-repeat;*/
  cursor:pointer;
  z-index: 99999999;
}
.progress div {
  background: #00ADFF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.progress div:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigyNTUsIDI1NSwgMjU1KSIgc3RvcC1vcGFjaXR5PSIwLjE1Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9InJnYigwLDAsMCkiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDI1NSwgMjU1LCAyNTUpIiBzdG9wLW9wYWNpdHk9IjAuMTUiLz48c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0icmdiKDAsMCwwKSIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIzMDAlIiBzdG9wLWNvbG9yPSJyZ2IoMCwwLDApIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjbGVzc2hhdC1nZW5lcmF0ZWQpIiAvPjwvc3ZnPg==);
  background-size: 40px 40px;
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*END AJAX ПрогресБар*/

/*Кольорові блоки із повідомленнями */
	/*
	Приклад можна побачити: 
	<div class="alert alert-success" role="alert">
		<strong>Well done!</strong> You successfully read this important alert message.
	</div>
	<div class="alert alert-info" role="alert">
		<strong>Heads up!</strong> This alert needs your attention, but it's not super important.
	</div>
	<div class="alert alert-warning" role="alert">
		<strong>Warning!</strong> Best check yo self, you're not looking too good.
	</div>
	<div class="alert alert-danger" role="alert">
		<strong>Oh snap!</strong> Change a few things up and try submitting again.
	</div>
	*/
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.alert-info {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
/*END Кольорові блоки із повідомленнями */

/*froala Editor стилі для ліцензії та нижню частину редактора*/
.fr-wrapper div:first-child{
	display: none !important;
}
.fr-second-toolbar{
	display: none;
}
/*END froala Editor стилі для ліцензії та нижню частину редактора*/

/*Деякі зміни в бутстрап*/
.myModify-nav-link{
	padding:0rem 1rem;
}
/*КІН Деякі зміни в бутстрап*/