#selectableFarbe .ui-selecting { background: #FECA40; color: white;  }
#selectableFarbe .ui-selected { background: #F39814; color: white; border:4px solid red !important}
#selectableFarbe { list-style-type: none; margin: 30px; }
#selectableFarbe li { margin: 1px; padding: 0.1em; font-size: 1em; height: 60px; width: 70px;border:2px solid white}

.fehler{
    color:red;
    text-align:center;
	padding:10px;
	border:1px solid red;
}


.lernbereich {
    text-align: center;
    font-size: 1.2rem;
    padding: 4px;
    height:50px;
}

.lernbereich.titel0 {
    background-color: #DCEDFF;/*#ECF5FF;*/
}

.lernbereich.titel1 {
    background-color: #E0FEE3;/*#F7FFF8;*/
}

.lernbereich.titel2 {
    background-color: #FEFED4;/*#FFFFED;*/
}

.lb1 {
    padding-left: 2px;
    padding-right: 2px;
    border-bottom:1px solid #DCEDFF;
    background-color: #DCEDFF6B;
    margin-top:2px;
}

.lb2 {
    padding-left: 2px;
    padding-right: 2px;
    background-color: #E0FEE37A;
    border-bottom:1px solid #E0FEE3;
    margin-top:2px;
}

.lb3 {
    padding-left: 2px;
    padding-right: 2px;
    background-color: #FEFFDA78;
    border-bottom:1px solid #FEFFDA;
    margin-top:2px;
}


.fach {
    font-size: 18px;
    padding: 6px;
	padding-left:5px;
    height: 38px;
    background-color: #90909070;/*#909090b3;*/
    color: #262626;
}

.feld1{
    font-size: 0.95rem;
	/*overflow:scroll;*/
}

.feld2{
    font-size: 0.9rem;
	/*overflow:scroll;*/
}

.feld3{
    font-size: 0.85rem;
	/*overflow:scroll;*/
}

.feld4{
    font-size: 0.8rem;
	/*overflow:scroll;*/
}

.feldTitelBorder{
    border-bottom:2px solid #b4b4b4;
    margin-bottom:2px;
	margin-left:-2px;
	font-size:0.9rem;
	line-height:1.5rem;
	padding-left:3px;
}


.btn-warning{
    color:rgb(80, 80, 80);
    background-color:rgb(255, 231, 159);
    border-color: rgb(255, 214, 91);
}

.btn-warning:hover{
    color:rgb(80, 80, 80);
    background-color:#ffdc73;
    border-color:#f2c338;
}

.btn-lernbereich{
    padding:2px 10px !important;
    color:#7e7777;
    background-color:#fbebbd;
    border-color:#eaca6a;
    position: relative;
    top:-3px;
}


.btn-drucken{
    padding:2px 10px !important;
    color:#6a6464;;
    background-color:#eaeaea;
    border-color:#d7d7d7;
    position: relative;
    top:-3px;
}



.btn-primary {
color: #fff;
background-color: #007bff;
}

.btn-outline-primary {
    color: #b4bac0;
    border: 2px solid #929292;
    font-size: 18px;
    padding: 0.4rem 0.9rem !important
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #929292;
}

/*
.btn {
display: inline-block;
padding: .375rem .75rem;
line-height: 1.5;
border-radius: .25rem;
}
*/

a {
text-decoration: none;
}

h1 {
font-size: 2.3rem;
margin-bottom: .5rem;
}

/*
.grid-stack {
    background: #ffffff;
}
*/

.grid-stack-item-content {
    color: #2c3e50;
    /*text-align: center;*/
	padding-left:2px;
    background-color: #ffffff;
    border:1px solid lightgray;
	 
}


.testmodal{
position:absolute;
top:50%;
left:50%;
height: 300px;
width:400px;
background:gray;
}

.bearbeiten{
    display:none;
}


.drucken{
	display:none;
}

.modal-zeigen{
    display:block;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box {
    background-color: #343A40;
    border:none;
}

.tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content {
    color: #c2c2c2;
    padding-top: 20px;
}

.ttip:hover{
     cursor: pointer;
}

.tooltipster-sidetip.tooltipster-bottom.tooltipster-noir-customized .tooltipster-arrow-border {
    border-bottom-color: #343A40;
}

.tooltip_templates { 
    display: none; 
}

.nav-link{
    padding:0.4rem 0.9rem !important;
}


:not(.ui-resizable-autohide)  > .grid-stack-item-content:hover{
    cursor:move;
}

.ui-resizable-disabled > .grid-stack-item-content:hover{
	cursor:default;
}


/*
abbr{
    cursor:default !important;
    text-decoration: none !important;
}
*/


.kachel{
    background-color:#f4f4f4;/*#f6f6f6b3;*/
    padding:5px;
    border: 1px solid #e6e6e6;
    /*border-radius: 5px; */
    height:170px;
    cursor: pointer;
}

.kachelstufen{
    background-color:#f6f6f6b3;
    padding:3px;
    border: 2px solid #e6e6e6;
    border-radius: 5px; 
    height:200px;
}

.kachelcenter{
    display: flex;
    align-items: center;
    justify-content: center;
} 

.kachel:hover{
    background-color:#D4D4D4 !important;
}

input {
    filter: none;
}

input:autofill {
  background: #fff;
}

.abs-center-x{
    position:absolute;
    left:50%;
    transform: translateX(-50%);

}

 .slider-blue {
	--slider-connect-bg: #2262a4a3;
	--slider-tooltip-bg: #2262a4a3;
	--slider-handle-ring-color: #3B82F630;
}







ol.horizontal{
    list-style-type: decimal;
   	/*width:450px;*/
}

ol.horizontal li{
    float: left;
    width: 200px;
    padding: 2px 0px;
}

.qtipklasse .qtip-content{
	border: 1px solid #E7E7E7;
	background-color: #FFD466;
	color: #565656;
	font-family:arial;
	font-size:14px;
	height:60px;
	line-height: 14pt;
}

.zeile_ungerade
{
    background-color:#E8E8E8;
}


.plan_view td, .plan_view th, .raster_view th, .raster_view td, .plan_view_gross td, .plan_view_gross th, .plan_view_klein td, .plan_view_klein th
{
    border: 1px solid #B6AFB1;	
    padding:2px;
    /*vertical-align:top;*/
}

.plan_view
{
    font-size:13px !important;
    font-weight: normal;
}


.plan_view_gross
{
    font-size:18px !important;
    font-weight: normal;
}


.plan_view_klein
{
    font-size:10px !important;
    font-weight: normal;
}



.lernbereich {
    text-align: center;
    font-size: 18px;
    padding: 4px;
    height:38px;
}


th.lernbereich{
    border-bottom-color:#DCE6F9;
    background: #DCE6F9; 
    color: #494949; 
    padding:5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
    
}


.lernbereich.titel0 {
    background-color: #DCEDFF;/*#ECF5FF;*/
}

.lernbereich.titel1 {
    background-color: #E0FEE3;/*#F7FFF8;*/
}

.lernbereich.titel2 {
    background-color: #FEFED4;/*#FFFFED;*/
}

.lb0 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #DCEDFF;;
    border-bottom:1px solid #DCEDFF;;
}

.lb1 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #E0FEE3;
    border-bottom:1px solid #E0FEE3;
}

.lb2 {
    padding-left: 5px;
    padding-right: 5px;
    background-color: #FEFFDA;
    border-bottom:1px solid #FEFFDA;
}


.BKL
{
	border-left:solid 2px gray !important;	
}

.BKL_hover
{
	border-left:solid 2px #FF7275 !important;	
}

.BKR
{
	border-right:solid 2px gray !important;	
}

.BKR_hover
{
	border-right:solid 2px #FF7275 !important;	
}

.BKB
{
	border-bottom:solid 2px gray !important;	
}

.BKB_hover
{
	border-bottom:solid 2px #FF7275 !important;	
}

.BKLB
{	
	border-left:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;	
}

.BKLB_hover
{	
	border-left:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;	
}

.BKRB
{	
	border-right:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;	
}

.BKRB_hover
{	
	border-right:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;	
}

.BKLRB
{
	border-left:solid 2px gray !important;	
	border-right:solid 2px gray !important;	
	border-bottom:solid 2px gray !important;
}

.BKLRB_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
	border-bottom:solid 2px #FF7275 !important;
}

.BKLR
{
	border-left:solid 2px gray !important;	
	border-right:solid 2px gray !important;	
}

.BKLR_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
}




.BKLRT
{
	border-left:2px solid gray !important;
	border-right:2px solid gray !important;
	border-top:2px solid gray !important;
	padding:2px
}



.BKLRTB
{
	border-left:2px solid gray !important;
	border-right:2px solid gray !important;
	border-top:2px solid gray !important;
	border-bottom:2px solid gray !important;
	
}



.BKLRTB_hover
{
	border-left:solid 2px #FF7275 !important;	
	border-right:solid 2px #FF7275 !important;	
	border-top:solid 2px #FF7275 !important;
	border-bottom:solid 2px #FF7275 !important;
}

.BKLRT_hover
{
	border-left:2px solid #FF7275 !important;
	border-right:2px solid #FF7275 !important;
	border-top:2px solid #FF7275 !important;
}


.hovertab
{
    background-color:#FFDA96 !important; /*#D3D3D3;*/
}



.hovertabLF
{
    background-color:#FBEFD8 !important; /*#D3D3D3;*/
}



.hovertabAS
{
    background-color:#FBE2B4 !important; /*#D3D3D3;*/
}

.ziehen:hover{
    background-color: #D4D4D4;
    cursor: move;
}

.leh{   
    height:30px;
    background-color:#efefef;	
    text-align:center;
    vertical-align:text-bottom;
    margin:1px;
}

.leh.ui-draggable-dragging{
    background: #FFDA96;
}

th.lernfeld{
    border-bottom-color:#DCE6F9;
    background: #DCE6F9; 
    color: #494949; 
    padding:5px;
    font-size: 15px;
    font-weight: normal;
    line-height: 28px;
}

.fach_input
{
	border: 1px solid #919191 !important;
	background-color: #FF !important;
	height: 25px;
	width: 810px;
	padding: 3px;
}

.mitborder td{
    border: solid 1px #D7D7D7;
}


/*****************************************************************
Bootstrap überschreiben
*****************************************************************/
/*
.list-group-item {
    position: relative;
    display: block;
    padding: 0.2rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
}*/

.bg-light {
    background-color: #eaeaea !important;
}

 .modal .nav .nav-link{
	color:#605d5d  !important;
}
.modal .nav .active{
	background-color:rgb(207, 226, 255) !important;
	color:rgb(5, 44, 101) !important;
}

.table-schmal > :not(caption) > * > *{
	padding:0.15rem !important;
}

.cke_button__digitaleins_label{display:inline !important;}
.cke_button__digitaleins_icon{display:none !important;}

.cke_button__digitalzwei_label{display:inline !important;}
.cke_button__digitalzwei_icon{display:none !important;}

.cke_button__digitaldrei_label{display:inline !important;}
.cke_button__digitaldrei_icon{display:none !important;}

.cke_button__digilink_label{display:inline !important;}
.cke_button__digilink_icon{display:none !important;}