body {
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	max-width: 1200px;
	margin: 0 auto;
	}
a { text-decoration: none; color: rgb(71, 0, 238); }
a:hover { text-decoration: none; color: rgb(238, 0, 71); }

img { width: 100%; }
p { margin: 0; }
p:after {
  content:"";
  display:inline-block;
  width:0px;
  outline:0px; 
}
h1 { font-size: 170%; text-align: center; }
@media only screen and (min-width: 999px) 
{
h1 { text-align: left; }
}
h2 { color: rgb(118, 143, 200); text-align: center; }
@media only screen and (min-width: 999px) 
{
h2 { text-align: left; }
}
h3 { 
font-size: 110%;
border-bottom: dotted 1px rgb(118, 143, 200);
margin: 30px 0 15px 0;
padding: 5px;
color: rgb(118, 143, 200);
text-align: center;
 }
 @media only screen and (min-width: 999px) 
{
h3 { text-align: left; }
}
/* Full-width input fields */
input[type=text], input[type=password], input[type=email], input[type=number], textarea, select {
    width: 100%;
    padding: 12px 13px;
    margin: 8px 0;
    display: inline-block;
	border: none;
    border-top: 1px solid rgb(118, 143, 200);
    border-bottom: 1px solid rgb(118, 143, 200);
    box-sizing: border-box;
	border-radius: 8px;
	}
input[type=checkbox] {
    padding: 4px;
    margin: 8px 0 8px 8px;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}
/* Set a style for all buttons */
button, input[type=submit] {
    background-color: #768FC8;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
	border-radius: 8px;
}

button, input[type=submit]:hover {
    opacity: 0.8;
}

input:focus, textarea:focus  {
 border-top: solid 4px rgb(118, 143, 200);
 border-bottom: solid 4px rgb(118, 143, 200);
 background: rgba(118, 143, 200,.1);
}
ant {
font-size: 80%;
color: red;
cursor: pointer;
float: right;
}

.row:after {
    content: "";
    clear: both;
    display: block;
}
[class*="col-"] {
    float: left;
    padding: 0;
    width: 100%;
}
@media only screen and (min-width: 800px) {
	.col-0 {width: 0;}
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
}
[class*="col-s-"] {
    float: left;
    padding: 0;
    width: 100%;
}
@media only screen and (min-width: 800px) {
	.col-s-0 {width: 0;}
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}
}

.copyr { 
color: rgb(118, 143, 200); 
text-align: center; 
font-size: 75%;
color: grey;
}
@media only screen and (min-width: 999px) 
{
.copyr { text-align: left; }
}

.lenta { 
	width: 90%;
	background: rgb(118, 143, 200);
	color: white;
	font: bold 150% "Arial Black", Gadget, sans-serif;
	margin: 0 auto;
	padding: 10px 20px;
	text-align: center;
	border-radius: 0 0 25px 25px;
}

.lenta a { 
text-decoration: none; 
color: white; 
}
.lenta a:hover { 
text-decoration: underline; 
color: white; 
}

.lentaL { 
	width: 100%;
	background: rgb(118, 143, 200);
	color: white;
	font: bold 200% "Arial Black", Gadget, sans-serif;
	margin: 0 auto;
	text-align: center;
		border-radius: 0 0 25px 25px;
}
.lentaL a { 
text-decoration: none; 
color: white; 
}
.lentaL a:hover { 
text-decoration: underline; 
color: white; 
}
@media only screen and (min-width: 800px) {
	.lentaL { text-align: left; }
} 
.acsadmlentR { 
padding: 11px 20px;
font-size: 55%;
text-align: center;
 } 
@media only screen and (min-width: 800px) {
	.acsadmlentR { text-align: right; }
} 
.mainbody { 
max-width: 850px; 
margin: 0 auto;
padding: 15px 0;
}
/* Extra styles for the cancel button */
.cancelbtn {
    width: auto;
    padding: 10px 18px;
    background-color: #ff8880;
}

/* Center the image and position the close button */
.imgcontainer {
    text-align: center;
    margin: 24px 0 12px 0;
    position: relative;
}
.bordRed { border: solid 1px red; }

.container {
    padding: 16px;
}

span.psw {
    float: right;
    padding-top: 16px;
}

/* The Modal (background) */
.modal {
    /* display: none; */
    position: relative; 
    z-index: 1;
    /* left: 0; */
    /* top: 0; */
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
   /* background-color: rgb(0,0,0);  */
   /* background-color: rgba(0,0,0,0.4); */
   }

/* Modal Content/Box */
.modal-content {
    /* background-color: #fefefe; */
    margin: 10px auto; 
    /* border: 1px solid #888; */
    width: 99%; 
	}
	
/* @media only screen and (min-width: 1024px) { */
	/* .modal-content { */
		/* width: 99%;  */
		/* } */
/* } */

/* The Close Button (x) */
.close {
    position: absolute;
    right: 25px;
    top: 0;
    color: #000;
    font-size: 35px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: red;
    cursor: pointer;
}

/* Add Zoom Animation */
.animate {
    -webkit-animation: animatezoom 0.3s;
    animation: animatezoom 0.3s
}

@-webkit-keyframes animatezoom {
    from {-webkit-transform: scale(0)} 
    to {-webkit-transform: scale(1)}
}
    
@keyframes animatezoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Change styles for span and cancel button on extra small screens */
@media screen and (max-width: 300px) {
    span.psw {
       display: block;
       float: none;
    }
    .cancelbtn {
       width: 100%;
    }
}
.error-mod {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    padding-top: 60px;
}
.error {
    background-color: #fefefe;
    color: white;
    margin: 2% auto 12% auto; 
    border: none;
    width: 270px; 
    padding: 15px;
}
.error2 {   
    border: solid 1px rgba(255,136,128,0.8);
    background: rgb(255,136,128);
    color: white;
    font-weight: bold;
    margin: 5px; 
	padding: 15px;
	text-align: center;
}
.otkaz button {
background-color:#f1f1f1; 
color: rgb(100,100,100);
 }

.mainmenu { 
font: bold 125% "Arial Black", Gadget, sans-serif;
margin-bottom: 5px;
text-align: center;
 }
.mainmenu a { 
text-decoration: none;
background: white;
color: rgb(118, 143, 200);
display: block;
padding: 10px 30px;
border: solid 1px rgba(118, 143, 200, .3);
}
.mainmenu a:hover { 
text-decoration: none; 
background: rgb(118, 143, 200);
color: white;
border: solid 1px rgb(118, 143, 200);
}
@media only screen and (min-width: 999px) 
{
.mainmenu { text-align: left; }
}

.activemenu a { 
text-decoration: none; 
background: rgb(118, 143, 200);
color: white;
border: solid 1px rgb(118, 143, 200);
 }

.mainmenuAdm { 
font: bold 125% "Arial Black", Gadget, sans-serif;
margin-bottom: 5px;
 }
.mainmenuAdm a { 
text-decoration: none; 
background: white;
color: rgb(191, 133, 176);
display: block;
padding: 10px 30px;
border: solid 1px rgba(191, 133, 176, .3);
}
.mainmenuAdm a:hover { 
text-decoration: none; 
background: rgb(191, 133, 176);
color: white;
border: solid 1px rgb(191, 133, 176);
}
.activemenuAdm a { 
text-decoration: none; 
background: rgb(191, 133, 176);  
color: white;
border: solid 1px rgb(191, 133, 176);
 }

.goBackbutton
{
color: rgb(71, 0, 238); 
cursor: pointer;
}
.goBackbutton:hover { 
color: rgb(238, 0, 71);
}

/* Globals */
.l0 { clear: both; width: 100%; }
.center { text-align: center; }
.right { text-align: right; }
.flright { float: right; }
.block { display: block; }
.pad5 { padding: 5px; }
.pad10 { padding: 10px; }
.pad15 { padding: 15px; }
.pad520 { padding: 5px 20px; }
.pad010 { padding: 0 10px; }
.pad015 { padding: 0 15px; }
.pad100 { padding: 10px 0; }
.pad10175 { padding: 10px 175px; }
.rad10 { border-radius: 10px; }
.f75 { font-size: 75%; }
.f80 { font-size: 80%; }
.f85 { font-size: 85%; }
.f90 { font-size: 90%; }
.f110 { font-size: 110%; }
.f115 { font-size: 115%; }
.f120 { font-size: 120%; }
.f125 { font-size: 125%; }
.block { display: block; }
.w90p { width: 90%; }
.point { cursor: pointer; }
.bl-a { color: rgb(0, 0, 238); }
.transp5 { color: rgba(0,0,0,0.5); }
.yel { color: rgb(255, 215, 55); }
.d-none { display: none; }
.d-block { display: block; }
.marTB5 { margin: 5px 0; }
.marTB10 { margin: 10px 0; }
.marTB15 { margin: 15px 0; }
.marTB20 { margin: 20px 0; }
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marB5 { margin-bottom:: 5px; }
.marB10 { margin-bottom:: 10px; }
.marB15 { margin-bottom:: 15px; }
.marB20 { margin-bottom: 20px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL20 { margin-left: 20px; }
.marR10 { margin-right: 10px; }
.marR15 { margin-right: 15px; }
.marR20 { margin-right: 20px; }
.redforce { color: rgb(238, 0, 0); }
.blueforce { background-color: #768FC8; }
.blue { color: blue; }
.green { color: green; }
.red { color: red; }
.grey { color: grey; }
.bold { font-weight: bold; }
.italic { font-style: italic; }

.borL { border-left: solid 7px rgb(118, 143, 200); }
.borL2 { border-left: solid 7px rgb(143, 200, 118); }
.borL3 { border-left: solid 7px rgb(200, 118, 143); }

.pindent { text-indent: 25px; }

.p-point
{
color: rgb(71, 0, 238);
}
.p-point:hover 
{
color: rgb(238, 0, 71); 
cursor: pointer;
}

.ime1 { 
margin-top: 8px;
padding: 5px;
font-size: 100%;
font-weight: bold;
 }
.ime2 { 
margin-left: 25px;
padding: 5px;
font-size: 90%;
 }
.ime3 { 
margin-left: 50px;
padding: 5px;
font-size: 80%;
 }

.tabela a { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 padding: 10px 15px; 
 background: none repeat scroll 0% 0% white;
 color: rgb(120,120,120); 
 text-decoration: none;
 border-radius:3px;
 font-size: 80%;
}
.tabela a:hover { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 background: rgb(120,120,120); 
 color: white; 
 text-decoration: none;
}
.tabela2 { 
 border-width: 1px;
 border-style: solid;
 -moz-border-top-colors: none;
 -moz-border-right-colors: none;
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 border-image:none;
 border-color: rgb(120,120,120);
 padding: 15px 20px; 
 color: rgb(120,120,120); 
 text-decoration:none;
 border-radius:3px; 
 font-size: 150%;
 }

.brdMain {
color: rgb(118, 143, 200);
border-bottom: 1px dotted rgb(118, 143, 200);	
} 

.mes_lenta { background-color:#f1f1f1; }
.messa { font-size: 90%; width: 100%; margin: 0 auto; text-align: center; }
@media only screen and (min-width: 640px) { 
.messa { width: 600px; }
 }
 
 .warn-yes { 
    background: rgb(159, 206, 159);
    color: white;
    font-weight: bold;
    margin: 0 5px 5x 5x; 
	padding: 15px;
	text-align: center;
	font-size: 120%;
  }
 .warn-no { 
    background: rgb(206, 159, 159);
    color: white;
    font-weight: bold;
    margin: 0 5px 5x 5x; 
	padding: 15px;
	text-align: center;
	font-size: 120%;
  }
 
.vkl a { 
padding: 0 4px 2px;
border: none;
background: rgb(159, 206, 159);
color: white;
font-size: 75%;
text-decoration: none;
 } 
.izkl a { 
padding: 0 4px 2px;
border: none;
background: rgb(213, 123, 123);
color: white;
font-size: 75%;
text-decoration: none;
 }
 .vkl2 a { 
padding: 0 4px 2px;
border: none;
background: rgb(123,222,123);
font-size: 75%;
text-decoration: none;
 } 
.izkl2 a { 
padding: 0 4px 2px;
border: none;
background: rgb(222,123,123);
font-size: 75%;
text-decoration: none;
 }
.vkl9 a { 
padding: 0 4px 2px;
border: none;
background: rgb(59, 36, 29);
color: white;
font-size: 75%;
text-decoration: none;
 } 
.izkl9 a { 
padding: 0 4px 2px;
border: none;
background: rgb(201, 201, 201);
color: white;
font-size: 75%;
text-decoration: none;
 }
.unLine { 
border-top: dotted 1px grey; 
padding: 10px; 
margin: 10px auto;
width: 100%;
font-size: 75%;
color: grey;
 } 
.abLine { 
border-bottom: dotted 1px grey; 
padding: 10px; 
margin: 10px auto;
width: 100%;
font-size: 75%;
color: grey;
 }
.wLine2 { 
padding: 10px; 
margin: 10px auto;
font-size: 75%;
color: grey;
 }
.wLine { 
padding: 10px; 
margin: 10px auto;
width: 100%;
font-size: 75%;
color: grey;
 }
.simLine { 
padding: 2px 10px; 
width: 100%;
font-size: 85%;
color: grey;
 }
.simLine2 { 
padding: 2px 10px; 
margin-top: 10px;
width: 100%;
/* font-size: 90%; */
color: rgb(50,50,50);
font-weight: bold;
 }
.simLine3 { 
padding: 2px 15px; 
margin-bottom: 15px;
width: 100%;
font-weight: bold;
 }
/* Bords dotted */
.bordL { 
border-left: dotted 1px grey; 
color: grey;
 }
.bordR { 
border-right: dotted 1px grey; 
color: grey;
 }
.bordT { 
border-top: dotted 1px grey; 
color: grey;
 }
.bordB { 
border-bottom: dotted 1px grey; 
color: grey;
 }
 
/* register */
.mess_age {
    display:none;
    color: rgb(90,90,90);
    position: relative;
    padding: 20px;
    margin-top: 25px;
    font-size: 80%;
	background: white;
	border: 1px dotted rgba(118, 143, 200, .3);
}
#message {
    display:none;
    color: rgb(90,90,90);
    position: relative;
    padding: 20px;
    margin-top: 25px;
    font-size: 80%;
	background: white;
	border: 1px dotted rgba(118, 143, 200, .3);
}

.valid {
    color: green;
}

.valid:before {
    position: relative;
    content: "✔";
}

.invalid {
    color: red;
}

.invalid:before {
    position: relative;
    content: "✖";
}
#guide_pass {
    display:none;
    color: rgb(90,90,90);
    position: relative;
    padding: 20px;
    margin-top: 25px;
    font-size: 80%;
	background: white;
	border: 1px dotted rgba(118, 143, 200, .3);
}
#guide_user {
    display:none;
    color: rgb(90,90,90);
    position: relative;
    padding: 20px;
    margin-top: 25px;
    font-size: 80%;
	background: white;
	border: 1px dotted rgba(118, 143, 200, .3);
}
#guide_user p { 
margin: 1px 0;
 }
 @media only screen and (max-width: 800px) {
#guide_user  { 
    margin: 10px;
 }
					}
					
				
#guide_repass {
    display:none;
    color: rgb(90,90,90);
    position: relative;
    padding: 20px;
    margin-top: 25px;
    font-size: 80%;
	background: white;
	border: 1px dotted rgba(118, 143, 200, .3);
}
#guide_repass p { 
margin: 1px 0;
 }
 @media only screen and (max-width: 800px) {
#guide_repass  { 
    margin: 10px;
 }
					}
					
.mainBu {
padding: 0 10px;
text-transform: uppercase;
}					
.mainBu2 {
padding: 0 10px;
}
.editformGr input { 
color: green;
 }
.editformGy input { 
color: grey;
 }

.editElem input {
color: green;
}

.editElem select {
border: none;
width: auto;
margin: 0 auto 10px auto;
padding: 5px 10px;
color: #555753;
background: white;
border: 1px solid #7379f8;
}

.editElem button {
border: none;
width: auto;
margin: 0 auto 10px auto;
padding: 5px 10px;
color: #555753;
background: white;
border: 1px solid #7379f8;
}
.editElem button:hover {
background: #7379f8;
color: white;
}

#mes_user, #mes_pass, #mes_repass, #guide_mail {  
    display:none;
    color: rgb(50,50,50);
    position: relative;
    padding: 0 15px;
    margin-top: 50px;
    width: 80%;
	font-size: 75%;
	border-left: solid 10px rgb(233, 113, 120);
}

.mes_js {  
    display: none;
    color: rgb(50,50,50);
    position: relative;
    padding: 0 15px;
    font-size: 75%;
	border-left: solid 10px rgb(233, 113, 120);
}

.mess_red { color: rgb(233, 113, 120); }
.mess_green { color: rgb(113, 233, 120); }

/* Floating labels */

.form-group {
  position: relative;
  margin-bottom: 1.5rem;
}

.form-group input {
  	font-size: 115%;
}

.form-control-placeholder {
  position: absolute;
  top: 5px;
  left: 0;
  padding: 7px 0 0 13px;
  transition: all 200ms;
  opacity: 0.5;
  
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -100%, 0);
  opacity: 1;
  color: rgb(118, 143, 200);
}
/***************/

.fline1 input[type=submit] {
width: auto;
background: rgba(115, 121, 248, 0.3);
color: white;
margin: 0;
padding: 1px 4px;
}
.fline1 select {
width: auto;
border-bottom: 1px solid rgb(191, 133, 176);
margin: 0;
padding: 2px 10px;
}


.mntbs {
    overflow: hidden;
 }
.mntbs button {
    background-color: white;
    color: rgb(40, 40, 40);
    padding: 10px;
	cursor: pointer;
    width: 99%;
	border-bottom: solid 4px rgba(0, 0, 0,.15);
	transition: 0.3s;
 }
.mntbs button:hover, button.active {
background-color: rgba(118, 143, 200,.15);
color: black;
border-bottom: solid 4px rgb(118, 143, 200);
}
.tabcontent {
  display: none;
  padding: 10px;
}
.antcont {
  display: none;
  padding: 10px;
}

.butt button {
    background-color: rgb(255, 232, 209);
    color: rgb(119, 126, 156);
    padding: 10px;
	margin: 5px auto;
    border: none;
    cursor: pointer;
		border-radius: 15px;
 }

.butt button:hover {
    opacity: 0.8;
}
.butt input[type=button] {
    background-color: rgb(255, 232, 209);
    color: rgb(119, 126, 156);
    padding: 10px;
    margin: 5px auto;
    border: none;
    cursor: pointer;
	border-radius: 15px;
 }
.butt input[type=button]:hover {
    opacity: 0.8;
}
.highli { 
background: rgba(0,0,0,0.15);
color: rgba(0,0,0,0.45);
padding: 0 4px;
border-radius: 5px;
font-size: 75%;
 }
.pagin a { 
 border: solid 1px rgb(118, 143, 200);
 padding: 8px 16px; 
 color: rgb(118, 143, 200); 
 text-decoration: none;
 border-radius: 3px;
  }
.pagin a:hover { 
 border: solid 1px rgba(118, 143, 200, 0.5);
 background: rgba(118, 143, 200, 0.5); 
 color: white; 
 text-decoration: none;
}
.paginActive { 
 border: solid 1px rgb(118, 143, 200);
 padding: 10px 16px; 
 color: rgb(118, 143, 200); 
 text-decoration: none;
 border-radius: 3px; 
 font-size: 150%;
  }
 .eded {
	 border-left: solid 10px rgb(118, 143, 200);
	 width: 75%;
	 margin: 0 auto;
	 padding: 0 15px;
	 margin: 15px 0 30px 15px;
 }
 
 /* BALLOON tips */
 
 #shTip div[aria-label] {
  overflow: visible; 
  }

[aria-label] {
  position: relative;
  cursor: pointer; }
  [aria-label]:after {
    opacity: 0;
    pointer-events: none;
    transition: all .18s ease-out .18s;
    text-indent: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: normal;
    font-style: normal;
    text-shadow: none;
    font-size: 80%;
    background: rgb(0,0,0);
    border-radius: 2px;
    color: #fff;
    content: attr(aria-label);
    padding: .5em 1em;
    position: absolute;
    white-space: nowrap;
    z-index: 10;
}
  [aria-label]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: var(--balloon-color);
    opacity: 0;
    pointer-events: none;
    transition: all .18s ease-out .18s;
    content: "";
    position: absolute;
    z-index: 10; }
  [aria-label]:hover:before, [aria-label]:hover:after, [aria-label][data-balloon-visible]:before, [aria-label][data-balloon-visible]:after, [aria-label]:not([data-balloon-nofocus]):focus:before, [aria-label]:not([data-balloon-nofocus]):focus:after {
    opacity: 1;
    pointer-events: none; }
  [aria-label]:not([data-balloon-pos]):after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    transform: translate(-50%, var(--balloon-move));
    transform-origin: top; }
  [aria-label]:not([data-balloon-pos]):before {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
    transform-origin: top; }
  [aria-label]:not([data-balloon-pos]):hover:after, [aria-label]:not([data-balloon-pos])[data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label]:not([data-balloon-pos]):hover:before, [aria-label]:not([data-balloon-pos])[data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label].font-awesome:after {
    font-family: FontAwesome, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; }
  [aria-label][data-balloon-break]:after {
    white-space: pre; }
  [aria-label][data-balloon-break][data-balloon-length]:after {
    white-space: pre-line;
    word-break: break-word; }
  [aria-label][data-balloon-blunt]:before, [aria-label][data-balloon-blunt]:after {
    transition: none; }
  [aria-label][data-balloon-pos="up"]:after {
    bottom: 100%;
    left: 50%;
    margin-bottom: 10px;
    transform: translate(-50%, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up"]:before {
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up"]:hover:after, [aria-label][data-balloon-pos="up"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos="up"]:hover:before, [aria-label][data-balloon-pos="up"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos="up-left"]:after {
    bottom: 100%;
    left: 0;
    margin-bottom: 10px;
    transform: translate(0, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up-left"]:before {
    bottom: 100%;
    left: 5px;
    transform: translate(0, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up-left"]:hover:after, [aria-label][data-balloon-pos="up-left"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="up-left"]:hover:before, [aria-label][data-balloon-pos="up-left"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="up-right"]:after {
    bottom: 100%;
    right: 0;
    margin-bottom: 10px;
    transform: translate(0, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up-right"]:before {
    bottom: 100%;
    right: 5px;
    transform: translate(0, var(--balloon-move));
    transform-origin: top; }
  [aria-label][data-balloon-pos="up-right"]:hover:after, [aria-label][data-balloon-pos="up-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="up-right"]:hover:before, [aria-label][data-balloon-pos="up-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="down"]:after {
    left: 50%;
    margin-top: 10px;
    top: 100%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
    left: 50%;
    top: 100%;
    transform: translate(-50%, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down"]:hover:after, [aria-label][data-balloon-pos="down"][data-balloon-visible]:after {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos="down"]:hover:before, [aria-label][data-balloon-pos="down"][data-balloon-visible]:before {
    transform: translate(-50%, 0); }
  [aria-label][data-balloon-pos="down-left"]:after {
    left: 0;
    margin-top: 10px;
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down-left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
    left: 5px;
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down-left"]:hover:after, [aria-label][data-balloon-pos="down-left"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="down-left"]:hover:before, [aria-label][data-balloon-pos="down-left"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="down-right"]:after {
    right: 0;
    margin-top: 10px;
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down-right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-bottom-color: var(--balloon-color);
    right: 5px;
    top: 100%;
    transform: translate(0, calc(var(--balloon-move) * -1)); }
  [aria-label][data-balloon-pos="down-right"]:hover:after, [aria-label][data-balloon-pos="down-right"][data-balloon-visible]:after {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="down-right"]:hover:before, [aria-label][data-balloon-pos="down-right"][data-balloon-visible]:before {
    transform: translate(0, 0); }
  [aria-label][data-balloon-pos="left"]:after {
    margin-right: 10px;
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos="left"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left-color: var(--balloon-color);
    right: 100%;
    top: 50%;
    transform: translate(var(--balloon-move), -50%); }
  [aria-label][data-balloon-pos="left"]:hover:after, [aria-label][data-balloon-pos="left"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos="left"]:hover:before, [aria-label][data-balloon-pos="left"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos="right"]:after {
    left: 100%;
    margin-left: 10px;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos="right"]:before {
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-right-color: var(--balloon-color);
    left: 100%;
    top: 50%;
    transform: translate(calc(var(--balloon-move) * -1), -50%); }
  [aria-label][data-balloon-pos="right"]:hover:after, [aria-label][data-balloon-pos="right"][data-balloon-visible]:after {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-pos="right"]:hover:before, [aria-label][data-balloon-pos="right"][data-balloon-visible]:before {
    transform: translate(0, -50%); }
  [aria-label][data-balloon-length="small"]:after {
    white-space: normal;
    width: 80px; }
  [aria-label][data-balloon-length="medium"]:after {
    white-space: normal;
    width: 150px; }
  [aria-label][data-balloon-length="large"]:after {
    white-space: normal;
    width: 260px; }
  [aria-label][data-balloon-length="xlarge"]:after {
    white-space: normal;
    width: 380px; }
    @media screen and (max-width: 768px) {
      [aria-label][data-balloon-length="xlarge"]:after {
        white-space: normal;
        width: 90vw; } }
  [aria-label][data-balloon-length="fit"]:after {
    white-space: normal;
    width: 100%; }

.buttonload {
  background-color: #4CAF50;
  border: none;
  color: white; 
  padding: 12px 24px;
  font-size: 16px;
}
.stepis {
font: normal 18px Impact;
padding: 4px 24px;
margin: 5px 0;
background-color: rgb(222,222,222);
border-radius: 15px 15px 0 0;
text-align: center;
color: rgb(111,111,111);
}

.per_page select {
	padding: 4px 8px;
	border: solid 1px rgba(0,0,0,.1);
	background-color: rgba(0,0,0,.1);
	border-radius: 0;
}

.plusKare {
border-top: dotted 1px grey;
border-bottom: dotted 1px grey;
padding: 10px 20px;
margin-bottom: 10px;
font-size: 90%;
}

.disConBox { position: fixed; z-index: 1; padding-top: 45px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,.9); }
.disConBoxCont { margin: auto; margin-bottom: 80px; display: block; width: 480px; background: white;padding: 20px 30px; color: red; border-radius: 10px; font-family: 'Roboto', sans-serif; font-size: 120%; }
.disConBoxCont p { margin: 25px 0; }

.hint { 
border-radius: 16px;
margin: 15px;
padding: 10px 15px;
color: rgb(50,50,50);
background-color: rgb(236, 191, 189);
font-size: 80%;
}

.countdown {
	font: bold 18px 'Roboto', sans-serif;
	color: rgba(255, 215, 55, .75);
}

.langLog img {
width: 25px;
}

.subBtn {
    width: auto;
    margin: 0 10px;
    padding: 5px 10px;
    color: #555753;
    background: white;
    border: 1px solid #7379f8;
}
.subBtn:hover {
    width: auto;
    margin: 0 10px;
    padding: 5px 10px;
    color: black;
    background: lightgrey;
    border: 1px solid lightgrey;
}
.help {
margin-bottom: 6px;
}
.help2 {
padding: 0 20px;
margin-bottom: 5px;
}
.help3 {
padding: 0 40px;
margin-bottom: 5px;
}
.help4note {
font-style: italic;
padding: 0 60px;
margin-bottom: 5px;
}

.normalBut {
color: rgb(71, 0, 238); 
background-color: white;
border: none;
padding: 0;
}
.normalBut:hover { 
color: rgb(238, 0, 71); 
}

/* summernote */

/* Нулиране на разтягането на бутоните в Summernote */
.note-editor .note-btn {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 5px 10px !important;
    margin: 0 !important;
    background-color: transparent !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

/* Оправяне на подредбата в тулбара */
.note-editor .note-toolbar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    background-color: #f5f5f5 !important; /* стандартен сив цвят */
}

/* Спиране на наследяването на flex/grid върху падащите менюта */
.note-editor .dropdown-toggle::after {
    display: inline-block !important;
}