body{color: #0D0D0D;font-family: 'Roboto', sans-serif; font-size: 14px;background-color: #f9fafb; font-weight: 300;}

body.colered{background-color:#0D0D0D;}

html,body {
  height: 100%;
}



ul{ padding: 0;} 

a{color: white;}
a:hover{text-decoration: none; color: #271313;}
.active{color:#131826;}


.main-content a {color: #D9420B;}
.main-content a:hover{color: #F2BB13;}

ul.ul-helpcenter {padding: 0;margin: 0;}
ul.ul-helpcenter li
{
  margin-bottom:20px;
  margin-left:18px; 
  
}
.linls{list-style: none;}

.app-header,.mail_header{border-bottom: 1px solid #dde2e6;}
.app-nav{background-color: #0D0D0D;}




.content-header{border-bottom: 2px solid #D9420B;}


h1,h2{color: #0D0D0D; display: inline-flex; padding: 10px 0; font-weight: 400;}




#page-content {
  flex: 1 0 auto;
}

#sticky-footer {
  flex-shrink: none;
}

.line{width: 100%; border-top: 1px solid #5b6f81; height: 1px; overflow: hidden; margin: 10px 0;}

.banner_holder{ color: white; font-size: 14px; text-align: center; padding:10px 0; background-color: #F23A29;}

.msg_holder{ color: white; font-size: 20px; text-align: center; padding:20px 0; }
.msg_error{background-color: #F23A29;}
.msg_success{background-color: #32cf32; }

.c-error{color: #F23A29;}

.header{background-color: #ffffff;}

.spacer-5{height: 10px;}
.spacer-10{height: 10px;}
.spacer-20{height: 20px;}
.spacer-30{height: 30px;}
.spacer-40{height: 40px;}

.spacer-w40{width: 40px;}

.spacer-mobile{height: 10px; border-top: 1px solid #d1d9e0; margin-top: 10px;}



/* .app-second-nav{background: linear-gradient(to bottom right, #586794, #394361);} */


.cg{background: linear-gradient(to bottom right, #D9420B, #0D0D0D);}
input{font-size: 14px !important; border: 1px solid white !important; border-radius: 2px !important;}
input:focus{background-color: #0D0D0D !important;}


input:focus::-webkit-input-placeholder {
    color: white;
}


.box-easy{background-color: white;}

.box-white{background-image: linear-gradient(to bottom right ,#ffffff,#f4f4f4); border: 1px solid #d1d9e0; border-radius: 4px;}

.box-colored{background-color: #F2A30F; border-top: 1px solid #d1d9e0; border-radius: 4px;}

.box-shadow{border-left:10px solid black;}

.box-border-c-{background-color: white; border: 2px solid #F2BB13; border-radius: 4px;}

input{font-size: 14px !important; border: 1px solid #d1d9e0 !important; border-radius: 2px !important;}
input:focus{background-color: #D9420B !important; color: white !important;}

.c-white{color: white !important;}
.c-black{color: black !important;}


.a_action{ background-color: #D9420B; padding: 10px 15px; border-radius: 5px; display: inline-flex;}
.a_action:hover{background-color:#F2BB13; color:white;}

.c-1{color:#4951f3;}
.c-2{color:#F2A30F;}
.c-3{color:#F2780C;}
.c-4{color:#0D0D0D;}
.c-5{color:#D9420B;}
.c-green{color:#32cf32;}

.bg-white{background-color:white !important;}
.bg-c-1{background-color:#F2BB13;}
.bg-c-2{background-color:#F2A30F;}
.bg-c-3{background-color:#F2780C;}
.bg-c-4{background-color:#0D0D0D;}
.bg-c-5{background-color:#D9420B;}



.badge-c-1{background-color: #F2BB13 !important;}

.badge-c-3{background-color: #F2780C !important;}
.badge-c-4{background-color: #0D0D0D !important;}
.badge-c-5{background-color: #D9420B !important;}
.badge-c-green{background-color:#32cf32 !important;}
.badge-c-green-dark{background-color:#257025 !important;}



.fz-8{font-size: 8px;}
.fz-10{font-size: 10px;}
.fz-11{font-size: 10px;}
.fz-12{font-size: 12px;}
.fz-14{font-size: 14px;}
.fz-16{font-size: 16px;}
.fz-18{font-size: 18px;}
.fz-20{font-size: 20px;}
.fz-24{font-size: 24px;}
.fz-30{font-size: 30px;}
.fz-50{font-size: 50px;}

.lh-12{line-height: 12px;}
.lh-1-5{line-height: 1.6;}

.fw-n{font-weight: normal;}
.fw-b{font-weight: bold;}
.fw-100{font-weight: 100;}
.fw-400{font-weight: 400;}



.td-lt{text-decoration: line-through;}







.app-nav li a{height: 40px; line-height: 40px; font-size: 14px; display: block;}

.app-nav li.sub a{height: 40px; line-height: 40px; font-size: 12px; display: block;}

.app-second-nav li a{display: block;  text-transform: none; font-size: 14px; color: #0D0D0D;}



.app-second-nav li{list-style: none; padding: 0; margin: 0 0 6px 0;}

.app-nav a:hover,.app-second-nav a:hover{color:#D9420B;}
.app-nav .active,.app-second-nav .active{color:#D9420B;}




.bg-c-black{background-color: #131826;}




.cell {
  border-collapse: collapse;
  border: 1px solid red;
  padding: 5px 10px;
}

.table {
  border-collapse: collapse !important;
  border-style: hidden !important;
}

.table-head > .table-tr {
  border-collapse: collapse  !important;
  border: 2px solid pink  !important;
}



/*
.app-second-nav .nav:after {
  content: '';
  position: absolute;
  top: 2%;
  height: 96%;
  width: 100%;
  border-right: 1px solid #5b6f81;
  z-index: 1;
}
*/

.p-10{padding: 10px}
.p-20{padding: 20px}
.p-tb-10{padding: 10px 0 10px 0;}

.p-0-0-10-0{padding: 0 0 10px 0;}



.card {
    overflow:hidden;
}

.card-body .rotate {
    z-index: 8;
    float: right;
    height: 100%;
}

.card-body .rotate i {
    color: rgba(20, 20, 20, 0.15);
    position: absolute;
    left: 0;
    left: auto;
    right: -10px;
    bottom: 0;
    display: block;
    -webkit-transform: rotate(-44deg);
    -moz-transform: rotate(-44deg);
    -o-transform: rotate(-44deg);
    -ms-transform: rotate(-44deg);
    transform: rotate(-44deg);
}


.p1020{padding:10px 20px;}
.p510{padding:10px 20px;}

.br5{border-radius: 5px;}

.btn-default{background-color: #D9420B !important; color: white; border: 0 !important;}
.btn-default:hover{background-color: #F2BB13 !important;  color:white;}


.btn-delete{background-color: black !important; color: white; border: 0 !important;}
.btn-delete:hover{background-color: #F2BB13 !important;  color:white;}

.btn-green{background-color:#32cf32 !important;}



.star-hover:hover{color: #ffd300;}
.star-active{color: #ffd300;}


.fal[data-count]{
    position:relative;
}
.fal[data-count]:after{
    position: absolute;
    right: -0.75em;
    top: -.75em;
    content: attr(data-count);
    padding: .5em;
    border-radius: 10em;
    line-height: .9em;
    color: white;
    background-color: #D9420B;
    text-align: center;
    min-width: 2em;
    font: bold .4em sans-serif;
}




.main-nav {
    z-index: 100;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0D0D0D;
    top: 0;
    left: -100%}


.autocomplete { position: relative; }
.autocomplete .results{ display:none; position: absolute; bottom: calc(100%-1px); left:0; background-color: white; border: 1px solid #d1dae0; width: 100%; padding: 20px; z-index:100;}
.autocomplete ul { padding: 0; margin: 0; }    
.autocomplete ul li{ list-style: none; }






ul.ts-li-table
{
width: 100%;
    display: flex;
	list-style: none;
	border: solid black;
    border-width: 0 1px 1px 0;
    margin: 0;
}

ul.ts-li-table li
{
    flex: 1;
	display: inline-block;
	border: solid black;
    border-width: 1px 0 0 1px;
	
}

li.ts-li-table-stop 
{
	flex: 4;
	background-color: red;

}




ul.ts-li-tableli.li-col-3
{
	-webkit-flex: 2;
    flex: 2;	
}

ul.ts-li-table li.li-col-3
{
	-webkit-flex: none;
    flex: none;	
    background-color: red;
    display: block;
}



@media (max-width: 767.98px) 
{ 
	
	ul.ts-li-table-header 
	{		display: block;
		overflow: hidden;
	}
	
	
	
	ul.ts-li-table-header li, li.li-col-2, li.li-col-3
	{
		flex: none;
		display: block;
		background-color: red;
		
	}
	
}


ul.helpcenter { list-style: none; }

ul.helpcenter li { border-bottom: 1px solid #bababa; padding: 10px 0;}


ul.ul-content{margin: 0 0 0 40px;}
ul.ul-content li {margin-bottom:5px;}



.tooltip-inner {
    text-align: left;
    font-size: 11px;
}

a.close-menu i:hover, .main-nav ul li a:hover
{
  color:#D9420B;
}

.main-nav ul li a.active{color:#D9420B;}


.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    color: white;
    background-color: white;
    display: inline-block;
    width: 100%;
    height: 36px;
    text-align: center;
    line-height: 36px;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color: #D9420B;
    color: white;
}




.inputfile + label {
  cursor: pointer; /* "hand" cursor */
  color: black;
  border: 1px solid #cad4db;
  border-radius: 2px;
}

.inputfile:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
  pointer-events: none;
}

.btn_poll_vote
{
  padding: 4px 20px;
  background-color: #D9420B;
  text-align: center;
  border-radius: 5px;
}

.btn_poll_vote:hover
{
  background-color: #F2BB13;
  color: white;
}

.btn_poll_vote_active
{
  background-color: #F2BB13;
  color: white;
}

/* .main-content a {color: #D9420B;}
.main-content a:hover{color: #F2BB13;} */




dl{
  margin: 20px;
}
dt.name {
 margin-left: 25px;
 margin-bottom: 20px;
}

dd.sprechblase {
 position: Relative;
 margin: 0 Auto;
 padding: 1rem;
 border-radius: 15px;
 background-color: #D9420B;
 color: white;
}

dd.sprechblase:before {
 content: ' ';
 position: Absolute;
 width: 0;
 height: 0;
 left: 28px;
 top: -17px;
 border-left: 14px Solid Transparent;
 border-right: 14px Solid Transparent;
 border-bottom: 17px Solid #D9420B;
}

































 


.ts-chat-holder
{
  border:0;
  padding:10px;
  border-radius:10px;  
  margin: 10px 0;
  width: 80%;
  position: relative;
  color: white;
  background-color: yellow;
}


.ts-chat-stranger
{  
  background:#262629;
  float: left;

}

.ts-chat-stranger:before{
   content: "";
   position: absolute;
   border-style: solid;
   display: block; 
   width: 0;
   top: 8px;
   bottom: auto;
   right: auto;
   left: -12px;
   border-width: 0 13px 13px 0;
   border-color: transparent #262629;    
}

.ts-chat-me
{
  background-color: #1186ff;
  float: right;
}

.ts-chat-me:after{
    content: "";
     position: absolute;
     border-style: solid;
     display: block; 
     width: 0;
     top: 8px;
     bottom: auto;
     left: auto;
     right: -12px;
     border-width: 0 0 13px 13px ;
     border-color: transparent #1186ff;             
}

.ts-chat-input
{

    width: 100%;
    padding: 0 20px;
    z-index: 100;
}

.ts-chat-input textarea
{
  width: 100%;
  border-radius: 40px !important;
  background-color: black;
  border-color: #464649 !important;
  padding: 10px 20px;
  font-size: 16px;
  color: white;

}

.ts-chat-input  textarea:focus, input:focus{
    outline: 0;
}



.ts-btn {
  background-color: transparent; /* Blue background */
  border: none; /* Remove borders */
  color: white; /* White text */
  cursor: pointer; /* Mouse pointer on hover */
  font-size: 20px;
}

.ts-elearling-holder ul
{
  list-style: none;
}

.ts-elearling-holder li
{
  margin: 0 0 5px 0;
}

.ts-elearling-holder li input
{
  margin: 0 6px 0 0;
  
}

.ts-elearning-question
{
  font-size:1.5em;
  line-height: 1.2em;
  font-weight: bold;

}

.ts-elearning-position
{
  font-size:0.8em;
  text-align: center;
}

.carousel {
    position: relative;
 }           
 .carousel-control-prev , .carousel-control-next {
    position: absolute;
    top: 40px;
    transform: TranslateY(-50%);
 }
 .carousel-control-prev {
    right: auto;
    left: -100px;
 }
 .carousel-control-next {
    left: auto;
    right: -100px;
 }
 
 .online_appeal_list td, .online_appeal_list th {
   padding: 10px 20px;
 }