@font-face
{
    font-family: DDM;
    src: url('DDM-icon.ttf');
}
.icon{

font-family:DDM;
font-size: 70px;
width:70px;
height:70px;

margin: 5px;
padding: 5px;


  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: text-bottom;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
cursor:pointer;	
border: 1px;
border-radius: 12px;
border-style: solid;

}
.icon_name{
position:absolute;
    top: 10px;
    left:110px	;
padding: 10px;
}

.icon_box{
padding: 10px;
border: 1px;
border-radius: 12px;
border-style: solid;
}






.popup .icon{

line-height: 1;

}

 
.popup_img img{
height:100px;
border: 1px;
border-radius: 12px;
border-style: solid;
margin: 5px;
padding: 0px;

box-shadow: 5px 5px 10px rgb(0 0 0 / 50%);


}
.popup_dir{
    display: inline-block;
    text-align: left;



}

@media (max-width: 1020px){
.sidebar_button {
    display: none;
    
}

.sidebar:not(.not_edit){ display: none;}
 

.sidebar {
    max-width: 100%!important;
    min-width: 100%!important;

}
.container{ margin-right: 10px!important;margin-left: 10px!important;max-width: 100%;!important;}

}

/* --------------------- navbar ------------------------*/
.navbar_top{
	padding: 0.2rem!important;
	height:50px;
	display: flex!important;
	z-index: 99!important;
	background-color:#3d89b5!important;
	flex-direction: row-reverse;

}


.navbar_top button{
	color:#fff!important;
	background-color: transparent;
    border: 0px ;	
    margin: 2;
     line-height: normal;
}


.navbar_top  .navbar-toggler {
    display: flex;
    border: 0px solid transparent;	
}


.navbar_top .help_1{
	border: 2px;

	border-radius: 4rem;
	border-style: solid; 
	width: 38px;
    height:38px;
    font-size: 2rem;
	font-weight: bold;
}

.help{
	position: fixed;
	Bottom:5px;
	right:5px;
	z-index: 1050!important;
	background: #ffc107;
	border: 2px;
	padding:0px;
	border-radius: 4rem;
	border-style: solid; 
	width: 38px;
    height:38px;
    font-size: 2rem;
	font-weight: bold;
	line-height: normal;
      
}


.navbar_top .hl_menu{position:absolute;	top:3px;left:0px;}
.navbar_top .account-name {display: block;font-size: 0.8rem;}
.navbar_top .user-avatar {   margin-right: 5px;}
.navbar_top .fas{font-size: 2rem;}
.navbar_top .menu_modul {width: 30rem;top: 55px!important; left: 10;}
.navbar_top .menu_user {top: 13px!important; }
.navbar_top .account-function {font-size: 0.8rem;}


.dropdown-arrow {
	position:absolute;
    top: -10px;
    left:15px	;	;
    height: 1.25rem;
    width: 1.25rem;
     background: #fff;
	transform: rotate(-45deg);
	border-top: 1px solid rgba(0,0,0,.15);

}

.modul .modul_menu {
    position: relative;
    padding-top: 20px;
    padding-left: 50px;
}
.modul .modul_menu a {
    color: #000;
    text-decoration: none;
}
.modul_menu .fas_icon {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 1.4rem;
    background: #999999;
    color: #fff;
    padding: 5px;
    border-radius: .3rem;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
}


/* ---------- end navbar ---------*/
/* ----- popup ---------*/

.modal-backdrop {background-color: #0000005c;}
.popup{margin: 5%;background: #ffffff;border-radius: 12px;padding: 20px;    max-height: 90%;overflow: auto;}
.button_close{
	position: absolute;
	top:1px;
	right:1px;
	padding:0;
	
	font-size: 1.7rem;
	border:0;
	color:#0d6efd;
	background: #ffffff;
	border-radius: 12px;
}
.popup_close{margin: 5%;}
#message{
	position: absolute;
	top: 0;
    left: 0px;
	z-index: 1099;
	width: 80%;
    padding:10px;
    margin-right: 10%;
    margin-left: 10%;
    border-radius:8px;
    text-align: center;
	font-size: 1.2rem;
	border-width: 1px; 
	border-style: solid; 

}


/* ---------- end popup ---------*/





.wrapper {display: flex;}



/* ------------------------------sidebar ------------------------------*/

.sidebar_button {
	position:fixed;
	z-index: 90;	
	top: 0px;
	bottom: 0;
	background: #6c757d;
	width: 20px;
	color: #fff;
	left: 0px;
}

.sidebar_button:before {
	position: absolute;
	content: "\f101";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	top: 50%;
	right: 2px;
	font-size: 1.2rem;
}

.sidebar {
	position:fixed;
	max-width: 430px;
	min-width: 430px;
	background: #f6f7f9;  
	left:0px;
	overflow: auto;
	bottom: 0;
	top:50px;
	padding:10px;
	padding-bottom:50px;


	z-index: 90;
}


.sidebar_button:not(.collapsed):before {content: "\f100";}
.sidebar_button:not(.collapsed){left: 430px;}
.sidebar_button:not(.collapsed) ~ .container{ margin-right: 10px;margin-left: 460px}

 


.menu_tree a{
    
    text-decoration: none;
}



.right{
   float: right;
}
.menu_tree .new{
   position: relative;
    padding-right: 10px;
    padding-bottom: 5px;
    margin-bottom: 20px;
	color: var(--bs-primary);
    text-decoration: none;
}

.menu_tree .menu_tree_new{
   padding-right: 10px;

        color: var(--bs-primary);
    text-decoration: none;
}

/* ---------- end sidebar ---------*/




/*---------------- ostatni ---------------------------*/
.select_rok {position: absolute;top: 10px;right: 10px;} /* vyber skolniho roku */
.btn {margin: 1px;}

.nazev{width: 160px;}
.nazev_1{width: 100px;font-weight: bold;}
.nazev_2{width: 230px;  font-weight: bold;}
.nazev_70{width: 70%;  font-weight: bold;}
.full{width: 100%;}




/* ---------- end ostatni ---------*/

	/* ---------- formulare ---------*/
	
.highlighted 	/* ---------- zbiraznene cast formulare ---------*/
{
    position: relative;
     border: 0.5px solid rgb(167, 167, 167);
     margin: 10px 0 10px 0 ;
	padding: 10px;
	background-color:#fff;
}
.highlighted .highlighted	{
	border: 1px solid #ced4da;
}	


.has-float-label {
margin-top: 10px;
    display: block;
    position: relative;
}



.form-check {
   position: relative;
}
.has-float-label .form-check label {
    position: relative;
    font-size: 90%;
    top: 0.3em;
    left: 0rem;
    line-height: 1;

}

.has-float-label label {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 3;
    line-height: 1;
    padding: 0 1px;
    background: #ffffff;
    
}

.highlighted .label_name {
    position: absolute;
    cursor: text;
    font-size: 75%;
    opacity: 1;
    -webkit-transition: all .2s;
    transition: all .2s;
    top: -.5em;
    left: .75rem;
    z-index: 100;
    line-height: 1;
    padding: 0 1px;
    background: #ffffff;
}



#editor_elfinder{

top:10%!important;

}



.disabled:not(.show) {
    pointer-events:none;
    display: block;
    background-color: rgb(0 0 0 / 5%);
    color: rgb(0 0 0 / 5%);
}

.disabled_off:not(:not(.show)) {
    pointer-events:none;
    display: block;
    background-color: rgb(0 0 0 / 5%);
    color: rgb(0 0 0 / 5%);
}
.disabled_off:not(.show) {

    display:block;

}





.form-switch_top {
    padding-top:0.8em;
}

	/* ---------- end formulare---------*/

	/* ----------aktivity---------*/
	.aktivity_section {
    border-radius: 8px;
    border: 1px solid #000;
    padding: 0px;
    margin-top: 30px;
}
.aktivity_section h4 {
    padding: 10px;
    background-color: #c5c5c5;
    border-radius: 8px 8px 0 0;
}
.aktivity_section .row {
    padding: 10px;

}
	
.col-team {
    border-radius: 5px;
    border: 1px solid #c9dce2;
    text-align: center;
    background-color: #f6f7f6;
    padding: 10px;

}
.team_img {
    width: 90%;
    margin: 5%;
}
.team_text{
      min-height: 110px;
  
      
}



activity-boxes span {
    font-weight: bold;
}
.pege-title {
    position: relative;
    left: 0px;
    top: 0px;
    bottom: 10px;
}
.pege-title p {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 1rem;

    text-transform: uppercase;
    font-family: "Poppins", sans-serif;
}
.act_menu{
	color:#000;
	text-decoration: none;
}
.menu_active{
color: #0d6efd;
font-weight: bold;
}



.red{ color: #dc3545;}
.green{ color: #28a745;}
.orange{ color: #fd7e14;}
.dark{ color: #212529;}
		/* ---------- end aktivity---------*/

	/* ----------aktivity lektor---------*/

.button_lektor {
   padding: 4 10px;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #666666;
  border: none;
  border-radius:  10px 0px 10px 10px;
  margin: 8px;	
 position: absolute;
  top: -8px;
 right:-8px;
}
.button_lektor:hover{background-color: #0d6efd;}

.lektor_popup11{

width: 190px;
display: inline-block;
}
.hl_img{

	text-align : left;
	color: #000000;

	height: 110px;
 	border-radius: 6px;
	
	padding-bottom: 10px;
	
	
	}

/* ---------- end aktivity lektor---------*/

/* ---------- galerie---------*/

#sortable li {display: inline;float: left;padding: 5px;text-align: center;position:relative;}







/* ---------- end galerie---------*/

/* ---------- web---------*/

.redirected{
margin-right:50px;
 position: relative;


}

.redirected .fa-file-alt{
position: absolute;
top:2px;
right:-50px;  

}
/* ----------end  web---------*/


.col-activity-prelep {
    position: absolute;
    color: #000;
    font-size: 2.5rem;
    top: 0px;
    bottom: 0px;
    padding: 70px 0;
    left: 0px;
    right: 0px;
    text-align: center;
    transform: rotate(
+25deg);
    text-shadow: 2px 2px 4px #000;
}
.sidebar_modul li {
    color: #000000;
    list-style-type: none;
    padding-left: 0px;
   
}
.fileinput-button {
    position: relative;
    
}
.fileinput-button input {
width:70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left:0;
    margin: 0;
    opacity: 0;
    -ms-filter: 'alpha(opacity=0)';
    font-size: 200px !important;
    direction: ltr;
    cursor: pointer;
}

/*galerii*/
.col-galerii {
    border-radius: 8px;
    border: 1px solid #c9dce2;
    text-align: center;
    background-color: #f6f7f6;
    padding: 1px;
     margin-bottom: 10px;;

}
.galerii_img {
    width: 100%;
    margin: 0%;
     border-radius: 8px 8px 0px 0px ;
}

.button_delete{
position: absolute;
top:1px;
right:1px;
padding:0;
margin: 0;
  font-size: 1.7rem;
  border:0;
 color:#cd0a0a;
 background:#fff ;
 border-radius: 25px;

}

.button_checkbox{
position: absolute;
top:7px;
left:8px;
padding:0;
margin: 0;
  font-size: 1.7rem;
  border:0;
 color:#cd0a0a;
 background:#fff ;
 border-radius: 25px;

}
.galerii_name{
position: absolute;
    padding: 0px 10px 10px 10px;
    top: 0;
    left: 0;
    bottom: auto;
    right: 0;
    text-align: center;
    font-size: 1em;

    color: #000;
    background-color: rgb(255 255 255 / 50%);
    border-radius: 8px 8px 0px 0px ;

}
.img_mini{
width:50px;

}