@import url('profile.css');
/*Including fonts*/
@font-face {
    font-family: Roboto-Thin;
    src: url(../fonts/Roboto/Roboto-Thin.ttf);
    src: url(../fonts/Roboto/Roboto-ThinItalic.ttf);
    src: url(../fonts/Roboto/Roboto-Regular.ttf);
    src: url(../fonts/Roboto/Roboto-Medium.ttf);
    src: url(../fonts/Roboto/Roboto-MediumItalic.ttf);
    src: url(../fonts/Roboto/Roboto-Light.ttf);
    src: url(../fonts/Roboto/Roboto-LightItalic.ttf);
    src: url(../fonts/Roboto/Roboto-Italic.ttf);
    src: url(../fonts/Roboto/Roboto-Bold.ttf);
    src: url(../fonts/Roboto/Roboto-BoldItalic.ttf);
    src: url(../fonts/Roboto/Roboto-Black.ttf);
    src: url(../fonts/Roboto/Roboto-BlackItalic.ttf)
}

.modal-backdrop {
    z-index: 100000 !important;
  }

.modal {
    z-index: 100001 !important;
  }

html{
     font-family: Roboto-Light, Helvetica, Arial, sans-serif;
}

body #body{
  margin-top: 140px;
  margin-bottom: 257px;
}

/*Header section*/
header{
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 0px 20px 0px;
  display: block;
  z-index: 9999;
}

  header h1{
    color: #009a3d
    /*color: #505050;*/
  }

  header h1 span{
    font-weight: 900;
     color: #20205e;
  }

  header hr{
    border-top: 1px solid #009a3d;
  }
/*End Header section*/

/*Footer section*/  
footer{
  background-color: #009a3d;
  color: #fff;
  /* position: fixed; */
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 40px 180px;
  display: block;
}

footer a{
  text-decoration: none;
  color: #fff;
}

footer p{
  text-transform: uppercase;
}
/*End footer section*/

/*Login and register views*/
.noPadding{
  padding: 0px;
}

#loginForm{
  padding-top: 40px;
}

  #loginForm label, #forgotPasswordForm label{
    font-weight: initial;
  }

  #loginForm input, #forgotPasswordForm input{
    border-color: #9a9a9a;
    border-radius: 0px;
  }
  
  #loginForm .forgotPassword a{
    color: #009a3d;
    text-decoration: none;
  }

.commonButton{
  background-color: #009a3d;
  border: none;
  color: #fff;
  padding: 8px 30px;
}

.commonButtonWithBorder{
  background-color: #fff;
  border: 1px solid #009a3d;
  padding: 8px 30px;
}

.campaign_name{
	background:#009a3d;
	height:235px;
	overflow: hidden;
}
.campaign_name .col-sm-6{padding:0px;}
.campaign_name h1{
	font-size: 25px;
    font-weight: bold;
    color: #fff;
    margin-top: 90px;
    line-height: 98px;
    padding-right: 20px;
}
.commonButtonOrange{
  background-color: #f25f1d;
  border: none;
  color: #fff;
  padding: 8px 30px;
}

#forgotPasswordForm{
  margin-top: 80px;
}

/*End Login and register views*/
.circle_progress{
	width:180px;
	height:180px;
	background:url(/images/circle_background.png) 0 0 no-repeat;
	background-size:100% 100%;
	position: relative;
	float:right;
	text-align: center;
	margin-top:44px;

}
.circle_progress > span,
.circle_progress2 > span{
	position: absolute;
	top: 65px;
	font-size: 50px;
	font-weight: bold;
	width: 100%;
	left: 0px;
	line-height: 25px;
}
.circle_progress > span > span,
.circle_progress2 > span > span{
	font-size: 20px;
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	border-bottom: 1px solid #bab8b8;
}
.circle_progress h5,
.circle_progress2 h5{
	position: absolute;
	top: -37px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.circle_progress canvas,
.circle_progress2 canvas{
	margin-top:40px;
}
.roundline{
	position: absolute;
    left: 90px;
    height: 90px;
    width: 1px;
    bottom: 90px;
	background: transparent;
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-moz-transform-origin: bottom;
	-ms-transform-origin: bottom;
	-webkit-transform-origin: bottom;
	transform-origin: bottom;
	z-index: 1;
	-webkit-transition: all 0.1s ease; /* Safari */
    transition: all 0.1s ease;

}
.roundline::after{
	content:"";
	background:url(/images/stutz.png) 0 0 no-repeat;
	width:8px;
	height:28px;
	position:absolute;
	top:0px;
	left:-3px;
}

.campaign_infos{
	margin-top:20px;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px solid black;
    padding-left: 0px;
    padding-right: 0px;
}

.campaign-draft .buttons-container{
	padding-right: 50px;
}

.campaign_infos .col-sm-2{
	width: 20%;
	margin:0px;
	font-size:14px;
	color:black;
	border-right:1px solid black;
	text-align: center;
	word-break: break-all;
}

.campaign_infos .col-sm-2:first-child{
	text-align:left;
}

.campaign_infos .col-sm-2:last-child{
	text-align: right;
	border-right: 0px solid black;
}

/*Campaign steps*/
#campaign_steps {
	margin-top: 30px;
  margin-bottom: 30px;
}

#campaign_steps input{
	padding-left: 10px;
	padding-right: 10px;
}

.campaign_infos h4{
	color:#009a3d;
	font-size:16px;
	font-weight:bold;
}

.campaign_infos1 > div{
	padding-right:50px;
	margin-bottom: 50px;
	border-right:1px solid #ccc;
    min-height: 110px;
}
.campaign_infos1 > div:nth-child(2n+2){
    padding-right: 50px;
    padding-left: 50px;
}

/*.campaign_infos1 .col-sm-6:nth-child(2n+2){
	 padding-left: 50px;
}*/

.campaign_infos1 .col-sm-6 .row hr{
	margin-top: 10px;
	margin-bottom: 16px;
}

.campaign_infos1 .col-sm-4:nth-child(2n+1),
.campaign_infos1 .col-sm-4:nth-child(2n+4)
{
	padding-left:0px;
	padding-right:50px;
}
.campaign_infos1 .col-sm-4:nth-child(2n+3){
	border-right:0px solid #000;
	padding-left:50px;
	padding-right:0px;
}


/*Hash in front of color code removed*/
#campaign_steps body {
	color: #3C3C4B;
}

#campaign_steps .circle {
    background: #009a3d;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: white;
    font-weight: bold;
    display: table;
}

#campaign_steps .white-circle {
    width: 55px;
    height: 55px;
    border-radius: 50%;
    color: #009a3d;
    font-weight: bold;
    display: table;
    border: 1px solid #009a3d;
}

#campaign_steps .block {
    text-align: center;
    vertical-align: middle;
} 

.campaign_infos1 .col-sm-4 .row > .col-sm-6:first-child,
.campaign_infos1 .col-sm-6 .row > .col-sm-6:first-child{
    margin-top: 8px;
	color:#009a3d;
	font-size:16px;
	font-weight: bold;
	position:relative;
}
.campaign_infos1 .col-sm-4 .row > .col-sm-6:first-child span,
.campaign_infos1 .col-sm-6 .row > .col-sm-6:first-child span{
	position:relative;
	display: inline-block;
	max-width: 85px;
}
#campaign_steps .circle p,
#campaign_steps .white-circle p {
	vertical-align: middle;
    display: table-cell;
}

#campaign_steps .line {
	border-top: 1px solid #009a3d;
    width: 90px;
    margin-top: 30px;
    margin-left: -20px;
}

[data-toggle="tooltip"]{
    font-size: 9px;
    font-weight: normal;
    color: #f00;
    background: white;
    display: inline-block;
    width: 12px;
    height: 12px;
    text-align: center;
    border-radius: 15px;
    border: 1px solid red;
    /* margin-top: -35px; */
    position: absolute;
    top: -5px;
    left: 100%;
    margin-left: 10px;
    line-height: 10px;
}

.tooltip{width:200px;}
.campaign_infos1 .col-sm-4 .row .col-sm-6 h5,
.campaign_infos1 .col-sm-6 .row .col-sm-6 h5{
    color: #404040;
    font-size: 30px;
    font-weight: bold;
    margin: 0px;
    text-align: right;
}
#campaign_steps .p-active-step {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	margin-left: -15px;
}

#campaign_steps .p-completed-step {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
	color: #009a3d;
	margin-left: -15px;
}

#campaign_steps .p-step {
	font-size: 16px;
	color: #8B8B8B;
	margin-top: 20px;
	margin-left: -15px;
}

#campaign_steps .bottom-line {
	height: 1px;
	background-color: #009a3d;
	margin-top: 45px;
}
.campaign_infos1 > div .row >div:nth-child(2){
	text-align: right;
	font-size:12px;
	color:#404040;
	word-break: break-all;
}

.progress{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
    background-color: #B1B2B3; /* rot */
}
.progress-bar{
        background-color: #95C11C; /* gruen */
        color: #000;
}

.campaign_infos1 .col-sm-12:last-child{
	font-size:12px;
	text-align: right;
}
.zielerreichung{
	font-size:16px;
	color:#000;
	text-align: center;
    position: absolute;
    left: 50%;
    top: 15px;
}
.zielerreichung::before{
    content: "";
    width: 18px;
    height: 18px;
    background: #6dfd1e;
    border-radius: 20px;
    position: absolute;
    margin-left: -25px;
}
.verlauf {
	background:#e5e5e5;
	height:500px;
	overflow: hidden;
}
.verlauf h2{
	font-size:15px;
	font-weight: normal;
	padding:0px;
	margin-top:50px;
}
/*input from step 1*/
#campaign_steps .campaign-text-input{
	width: 35%;
    height: 35px;
    border: 1px solid #333333;
}

/*inputs from step 2*/
#campaign_steps .campaign-text-input-2,
#campaign_steps .campaign-text-input-3{
	width: 100%;
    height: 35px;
    background-color: #fff;
    background-repeat: no-repeat;
	background-position: 10px 5px;
	border: 1px solid #8B8B8B;
}

#campaign_steps .campaign-text-input-2 {
	background-image: url('/images/icons_smart-23.png');
}

#campaign_steps .campaign-text-input-3 {
	background-image: url('/images/icons_smart-24.png');
}

 /* align placeholder webkit solution */
#campaign_steps ::-webkit-input-placeholder {
 	color: #3C3C4B;
 }

/*select fields step 2*/
#campaign_steps .select-input,
#campaign_steps .select-input-2,
#campaign_steps .select-input-3,
#campaign_steps .select-input-white,
#campaign_steps .select-input-2-white,
#campaign_steps .select-input-3-white {
	width: 100%;
	height: 35px;
	background-color: #fff;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 10px 5px;
	border: 0px solid #8B8B8B;
    padding: 10px 51px;
}

/*#campaign_steps .select-input {
	background-image: url('/images/icons_smart-22.png');
}

#campaign_steps .select-input-2 {
	background-image: url('/images/icons_smart-25.png');
}
.verlauf_text{
	font-size: 14px;
    margin-top: 150px;
}
#campaign_steps .select-input-3 {
	background-image: url('/images/icons_smart-26.png');
}

.graph{
	width:100%;
	height:400px;
	margin-top:50px;
}
.canvasjs-chart-credit{display:none;}
.canvasjs-chart-toolbar button{display:none;}
#campaign_steps .select-input:active {
	background-image: url('/images/icons_smart-22.png');
}

#campaign_steps .select-input-white {
	background-image: url('/images/icons-smart-22-white.png');
}*/

.rzt{
    overflow: hidden;
    text-align: center;
  /*  border-bottom: 1px solid;*/
    padding-top: 55px;
    width: 100%;
    text-align: center;
    padding-bottom: 55px;
}
.rzt ul{text-align: center;}
.rzt ul li{
	margin-bottom: 10px;
}

/*.rzt ul:last-child li:nth-child(2) a{
	width: 130px;
}
*/
/*.rzt ul:last-child li:nth-child(3) a{
	width: 154px;
}
*/
.rzt ul li{
	display:inline-block !important;
	float:none !important;
}
.rzt ul li a{
	margin-right:50px;
	font-size:14px;
	/*width:125px;*/
	/*height:40px;*/
	border-radius:0px;
	border: 1px solid #009a3d;
	padding: 10px 30px 10px 30px;
}
.rzt ul li:last-child a{
	margin-right: 0px;
}
#campaign_steps select {
	padding-left: 50px;
	color: #3C3C4B;
}

#campaign_steps .campaign-next-button,
#campaign_steps .campaign-next-button-2,
#campaign_steps .campaign-next-button-3,
#campaign_steps .campaign-next-button-4,
#campaign_steps .campaign-next-button-5,
#campaign_steps .campaign-submit,
#campaign_steps .save-campaign,
#campaign_steps .step-7-ja, 
#campaign_steps .step-7-nein,
.das-ja,.das-nein{
	border-radius: 0;
	/* width: 12%; */
	margin-top: 15px;
	background-color: #009a3d;
        border-color: #009a3d;
	float: right;
}

#campaign_steps .step-7-ja, 
#campaign_steps .step-7-nein,
.das-ja,.das-nein {
	width: 30%;
}
/*.rzt ul li a.active{
	background:;
}*/


#campaign_steps .step-7-nein,.das-nein { 
	float: left;
}

.rangliste_table_head
{
    height: 80px;
    overflow: hidden;
/*    margin-top: 50px;*/
    border-top:0px solid;
    padding:0px;
}

.sortable .item{
	min-height: 100px;
}



.rangliste_table_body{
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	padding-top:10px;
	padding-bottom:10px;
    min-height: 100px;
    overflow: hidden;
}
.rangliste_table_body div.icon img{
	width: 80px;
    height: 80px;
    margin-right: 20px;
    border: 1px solid #9ee430;
    border-radius: 50%;
}

.rangliste_table_body div.name{
	color: #fff;
    background: #95c11c;
    text-align: center;
    border-radius: 3px;
    min-height: 50px;
    line-height: 50px;
}

.rangliste_table_body div.notjoin{
	background-color: #c3c3c3;
}

.rangliste_table_body status{
	display: block;
	color: #404040;
}

.rangliste_table_body percent{
	display: block;
	font-weight: bold;
	font-size: 20px;
	color: #333;
}

#rangliste .item  icon img{
	width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #9ee430;
}

#rangliste .item div.name{
	background: none;
    color: #333;
    margin-left: 20px;
}

#rangliste .item div.name a{
	color: #333;
	text-decoration: none;
}

#rangliste .item>div{
	min-height: 50px;
}
#rangliste .item>div:nth-child(2){
	line-height: 50px;
	color: #333;
	text-align: center;
}

#rangliste .item div.progress{
	margin-top: 15px;
}
/*.rangliste_table_body > div:nth-child(1){
	margin-top:15px;
}*/
/*.rangliste_table_body > div:nth-child(2){
	margin-top:31px;
}
.rangliste_table_body > div:nth-child(3){
	margin-top:15px;
}*/
#campaign_steps .step-7-ja { 
	float: right;
}

#campaign_steps .save-campaign {
	width: initial !important;
}

#campaign_steps .campaign-back-button, 
#campaign_steps .campaign-back-button-2,
#campaign_steps .campaign-back-button-3,
#campaign_steps .campaign-back-button-4,
#campaign_steps .campaign-back-button-5,
#campaign_steps .campaign-submit-back,
#campaign_steps .delete-campaign {
	border-radius: 0;
/* 	width: 12%; */
	margin-top: 15px;
	background-color: #fff;
	color: #009a3d;
        border-color: #009a3d;
}

#campaign_steps .campaign-submit-back,
#campaign_steps .delete-campaign {
  	float: right;
    margin-right: 15px;
 }	
#campaign_steps .p-campaign-description {
	margin-top: 40px;
	font-size: 12px;
}
  
/* Timeline */
#timeline{
	width:600px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 50px;
}
#timeline .end{
	width:175px;
	border:1px solid #009a3d;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    padding-bottom: 7px;
    position:relative;
    margin-bottom: 30px;
}
#timeline .end::before{
	content:"";
	background:url('/images/flag.png') 0 0 no-repeat;
	width:14px;
	height:14px;
	background-size: 100% 100%;
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-3px;
}

#timeline .end h5{
	font-size: 20px;
    margin-bottom: 2px;
}
#timeline .start{
	width:175px;
	background: #009a3d;
	color:#fff;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    padding-bottom: 7px;
    padding-top:1px;
    position: relative;
}
#timeline .start::before{
	content:"";
	background:url('/images/flag.png') 0 0 no-repeat;
	width:14px;
	height:14px;
	background-size: 100% 100%;
	position:absolute;
	top:-20px;
	left:50%;
	margin-left:-3px;
}
#timeline .start h5{
	font-size: 20px;
    margin-bottom: 2px;
}

.linie_dreapta{
	position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
}
.theline{position:relative;}
.theline::before{
    content: "";
    width: 1px;
    border-left: 1px solid #009a3d;
    position: absolute;
    top: 0px;
    height: 84%;
    display: block;
    left: 50%;
    margin-left: -1px;
}

.linie_dreapta .left_event{
	width:50%;
	float:left;
	text-align: right;
	margin-top:-9px;
}
.linie_dreapta .left_event img{
	margin-right:15px;
}
.linie_dreapta .right_event{
	width:50%;
	float:right;
	border:1px solid #009a3d;
    padding-bottom: 10px;
    position:relative;
}

.linie_dreapta .right_event::before{
	content: "";
    width: 13px;
    height: 13px;
    background: #009a3d;
    border-radius: 15px;
    top: -6px;
    left: -23px;
    position: absolute;
}
/*Left timeline items*/
.linie_dreapta:nth-child(even) .right_event{
	float: left;
	border-color: #ef1616;
}

.linie_dreapta:nth-child(even) .right_event .col-sm-12:first-child{
	background-color: #ef1616;
}

.linie_dreapta:nth-child(even) .right_event::before{
	left: initial;
	right: -23px;
	background-color: #ef1616;
}

.linie_dreapta:nth-child(even) .right_event::after{
	left: initial;
	right: -18px;
	border-top: 1px solid #ef1616;
}

.linie_dreapta:nth-child(even) .left_event{
	float: right;
	text-align: left;
}

.linie_dreapta:nth-child(even) .left_event img{
	margin-right: 0px;
	margin-left: 15px;
}
/*End left timeline items*/
#campaign_steps .p-campaign-description-2 {
	margin-top: 40px;
	margin-bottom: 25px;
	font-size: 12px;
}

#campaign_steps .step-2,
#campaign_steps .step-3,
#campaign_steps .step-4,
#campaign_steps .step-5,
#campaign_steps .step-6{
	display: none;
}

#campaign_steps .col-sm-1-custom {
 	width: 9.0% !important;
 	float: left;
 	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
   }

 #campaign_steps input {
 	font-size: 12px;
 }

 #campaign_steps .campaign-step-2-cols {
	margin-top: 20px;
 }
#step3_check_box {
	margin-left: 15px;
}
/* step 3 checkboxes*/
#step3_check_box label {
    float:left;
    width: 100%;
    background-color:#EFEFEF;
    border-radius:4px;
    border:1px solid #333333;
    overflow:auto;
       
}

#step3_check_box label span {
    text-align:center;
    font-size: 12px;
    display:block;
    height: 35px;
    padding:8px 0px;
    font-weight: normal;
}

#step3_check_box label input {
   display: none;
}

/*#step3_check_box input:checked + span {
    background-color:#009a3d;
    color:#F7F7F7;
    font-weight: normal;
}*/

#step3_check_box .option1-absolute {
    background-color:#fff;
    color:#333;
    cursor: pointer;
}

#step3_check_box .option2-relative{
    background-color:#fff;
    color:#333;
    cursor: pointer;
}

#campaign_steps .campaign-text-input-4,
#campaign_steps .campaign-text-input-5{
	display: none;
	width: 100%;
	height: 35px;
	background-color: #fff;
	font-size: 12px;
}

#campaign_steps .step3-hidden-inputs,
#campaign_steps .step4-hidden-inputs{
	margin-top: 35px;
}

#campaign_steps .p-step-3,
#campaign_steps .p-step-3-1 {
	display: none;
}

#campaign_steps .absolutes-div,
#campaign_steps .relatives-div {
	width: 40px;
    height: 35px;
    font-size: 12px;
    background-repeat: no-repeat;
    background-position: 10px 5px;
    position: absolute;
}

#campaign_steps .absolutes-div{
	background-image: url('/images/smart_step_4_1.png');
}
.linie_dreapta .right_event::after{
    content: "";
    width: 20px;
    height: 1px;
    border-top: 1px solid #009a3d;
    top: -1px;
    left: -18px;
    position: absolute;
}
#campaign_steps .relatives-div{
	background-image: url('/images/smart_step_4_2.png');
}
/*end step 3*/

.select-input:focus {
	border: 1px solid #8B8B8B;
}

.linie_dreapta .right_event icon img{
	width:50px;
}

.linie_dreapta .right_event .col-sm-12:first-child{
	background:#009a3d;
	color:#fff;
	text-align: right;
	padding:10px 10px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}

.linie_dreapta .right_event .col-sm-10 name{
	display:block;
	text-align: right;
	font-size: 15px;
	margin-top:5px;
}
.linie_dreapta .right_event .col-sm-10 action{
	display:block;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}

select.select-input{display:none;}
.select-fake {
	position:relative;
	padding:0px !important;
}
.select-fake ul{
	border:1px solid #009a3d;
	list-style-type: none;
	display:none;
    z-index: 9999;
    position: absolute;
    background: white;
    width: 100%;
    left:0px;
    top: 33px;
    padding-left: 10px;
    padding-right: 10px;
}
.select-fake ul li{
	padding:10px 40px;
    border-top: 1px solid #d4d4d5;
    cursor:pointer;
}

.select-fake ul li:first-child{
	display: none;
}	

#create_user .select-fake ul li:first-child{
	display: block;
}

#create_user #create_user_gender{
	display: none;
}

.active-one{
	color:rgb(42, 167, 255);
}




/**/
.linie_stanga .left_event{
	width:50%;
	float:right;
	text-align: left;
	margin-top:-9px;
}
.select-fake a{
	display:block;
	text-decoration: none;
	height: 35px;
    padding: 10px 50px;
    color: #3C3C4B;
}

.select-fake a:hover{
	text-decoration: none;
}
.linie_stanga .left_event img{
	margin-left:15px;
}
.linie_stanga .right_event{
	width:50%;
	float:left;
	border:1px solid #009a3d;
    padding-bottom: 10px;
    position:relative;
}

.linie_stanga .right_event::before{
	content: "";
    width: 13px;
    height: 13px;
    background: #009a3d;
    border-radius: 15px;
    top: -6px;
    right: -23px;
    position: absolute;
}
.linie_stanga .right_event::after{
    content: "";
    width: 20px;
    height: 1px;
	border-top: 1px solid #ec5120;
    top: -1px;
    right: -18px;
    position: absolute;
}

.linie_stanga .right_event icon img{
	width:50px;
    margin-left: -15px;
}

.linie_stanga .right_event .col-sm-12:first-child{
	background:#009a3d;
	color:#fff;
	text-align: left;
	padding:10px 10px;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 10px;
}
.linie_stanga .right_event .col-sm-2{float:right;padding-right:0px;padding-left:0px;}
.linie_stanga .right_event .col-sm-10{
	float:left;
	padding-right:0px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.linie_stanga .right_event .col-sm-10 name{
	display:block;
	text-align: left;
	font-size: 15px;
	margin-top:5px;
}
.linie_stanga .right_event .col-sm-10 action{
	display:block;
	text-align: left;
	font-size: 13px;
	font-weight: bold;
}

.order-asc-stuck,.order-asc-prozenten,
.order-desc-stuck,.order-desc-prozenten
{
	position:relative;
	cursor:pointer;
}
.order-asc-stuck::before,.order-asc-prozenten::before{
	content:"";
 	border-style: solid;
    border-width: 0 8px 12px 8px;
    border-color: transparent  transparent black transparent ;
    position: absolute;
    top:2px;
    margin-left:5px;
}
.order-desc-stuck::before,.order-desc-prozenten::before{
	content:"";
 	border-style: solid;
    border-width: 12px 8px 0 8px;
    border-color: black transparent transparent transparent ;
    position: absolute;
    top:2px;
    margin-left:18px;
}


/**/
.single_campaign_user{
	margin-top:85px;
	padding:0px;
	color:#fff;
	font-weight: bold;
}
.single_campaign_user icon img{
	width: 80px;
    height: 80px;
    margin-right: 20px;
    border: 1px solid #9ee430;
    border-radius: 50%;
}



.select-fake-selected{
	
	color:#fff !important;
}

.select-input .select-fake-selected{
    background-color: #009a3d;
    background-image: url(/images/icons-smart-22-white.png);
    background-repeat: no-repeat;
    background-position: 5px;
}
.select-input a{
	background-color: #fff;
	background-image: url(/images/icons_smart-22.png);
 	background-repeat: no-repeat;
    background-position: 5px;
    border: 1px solid #8B8B8B;
}

.select-input-2 .select-fake-selected{
	background-color: rgb(42, 167, 255);
    background-image: url(/images/icons-smart-25-white.png);
    background-repeat: no-repeat;
    background-position: 5px;
}
.select-input-2 a{
	background-color: #fff;
	background-image: url(/images/icons_smart-25.png);
 	background-repeat: no-repeat;
    background-position: 5px;
    border: 1px solid #8B8B8B;
}

.select-input-3 .select-fake-selected{
	background-color: rgb(42, 167, 255);
    background-image: url(/images/icons-smart-26-white.png);
    background-repeat: no-repeat;
    background-position: 5px;
}
.select-input-3 a{
	background-color: #fff;
	background-image: url(/images/icons_smart-26.png);
 	background-repeat: no-repeat;
    background-position: 5px;
    border: 1px solid #8B8B8B;
}

#campaign_steps .space-bottom {
	margin-bottom: 120px;
}
#campaign_steps .validation-error-message-step-1,
#campaign_steps .validation-error-message-step-1-1,
#campaign_steps .validation-error-message-step-2 {
	color: red;
	margin-top: 10px;
	display: none;
}

/*Step 4*/
#campaign_steps .datepicker-div {
	margin-top: 20px;
	min-height: 300px;
}

#campaign_steps .date-picker-input {
	height: 35px;
	width: 20%;
	border: 1px solid #8B8B8B;
	font-size: 12px; 
	padding-left: 15px;
	width: 238px;
}

/*date picker inside step 4*/
.ui-datepicker .ui-datepicker-title {
	background-color: #fff;
}

.ui-datepicker .ui-datepicker-header {
	background-color: #fff;
		width: 100%;
}

.ui-widget.ui-widget-content {
	    border: 1px solid #009a3d;
	    width: 100%;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    font-weight: normal;
}

.ui-state-default, .ui-widget-content .ui-state-default {
	background-color: #fff;
	border: none;
	text-align:center;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{
	border: 1px solid #009a3d !important;
	background-color: #fff !important;
	border-radius: 2em;
	text-align: center;
    color: black !important;
}
.ui-state-active, .ui-widget-content .ui-state-active{
	border: 1px solid #009a3d !important;
	background-color: #009a3d !important;
	border-radius: 2em;
	text-align: center;
    color: #fff !important;
}
.ui-state-default, .ui-widget-content .ui-state-default a{
    width: 25px;
    margin-left: auto;
    margin-right: auto;
}
.ui-datepicker-prev span {
    background: url(/images/date-left.png) 0 0 no-repeat !important;
    margin-left: -5px !important;
    margin-top: -6px !important;
}
.ui-datepicker-next span {
    background: url(/images/date-right.png) 0 0 no-repeat !important;
    margin-left: -5px !important;
    margin-top: -6px !important;
}

.ui-widget-header {
	border: none;
}

.ui-datepicker-calendar tbody{
	border-top: 1px solid #009a3d;
}
.ui-datepicker-calendar tbody tr:first-child td{
 padding-top: 15px;
}

/*#ui-datepicker-div {
	top: 305px !important;
	left: 349.5px !important;
}*/
/*end date picker inside step 4*/

#campaign_steps .period{
	border: 1px solid #333333;
    height: 35px;
    margin-right: 10px;
    padding-top: 6px;
    background-image: url(/images/smart_step-5-time.png);
    background-repeat: no-repeat;
    background-position: right;
    cursor: pointer;
    margin-bottom: 5px;
}

#campaign_steps .period-row {
    margin-top: 20px;
    display: none;
}

.active-period{
	background-color:#009a3d;
	border:1px solid #009a3d !important;
	color:#fff;
 	background-image: url(/images/icons_step-5-time-white.png) !important;
}

#campaign_steps .period-p {
	margin-top: 15px;
}

#campaign_steps .datepicker-div p {
	font-size: 12px;
	color: #3C3C4B;
}

#campaign_steps .period-p p {
	font-size: 12px;
	color: #3C3C4B;
}
/* End Step 4*/
/*Step 5*/

#campaign_steps .step5 {
	margin-top: 40px;
}
/*Switch button*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 24px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

.switch-block {
  position: relative;
  display: inline-block;
  width: 85px;
  height: 24px;
}

.switch-block input {display:none;}
/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 62px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(-59px);
    -ms-transform: translateX(-59px);
    transform: translateX(-59px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*End switch button*/
#campaign_steps .campaign-text-input-step-5,
#campaign_steps .campaign-text-input2-step-5{
	width: 35%;
    height: 35px;
    border: 1px solid #333333;
}

#campaign_steps .step5 p, 
#campaign_steps .step5-2 p {
	font-size: 12px;
	color: #3C3C4B;	
}

#campaign_steps .step5-2 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#campaign_steps .dinamik-p {
	font-size: 12px;
	color: #3C3C4B;
	margin: 15px 0;	
}

#campaign_steps .step-5-radio {
	margin-top: 15px;
    margin-bottom: 10px;
}

/*#campaign_steps .switch-button{
  height: 70px;
}*/

#campaign_steps .switch-button label{
  margin: 45px 40px;
  vertical-align: middle;
}

  #campaign_steps .switch-button label span:first-child{
    position: absolute;
    left: -25px;
  }

    #campaign_steps .switch-button label span:nth-child(2){
    position: absolute;
    right: -25px;
  }

#campaign_steps. .butons-step-4 {
	margin-top: 30px;
}

#campaign_steps .step-5-hidden-fields input[type="radio"]{
  vertical-align: middle;
  margin: 0 10px;
}

#campaign_steps .step-5-hidden-fields span {
  font-size: 12px;
  color: #3C3C4B;
}

 .step-5-hidden-fields {
	display: none;
}

#campaign_steps .step-5-budget-for-dynamik {
	margin-top: 15px;
}

 #campaign_steps .step-5-hidden-fields {
 	font-size: 12px;
	color: #3C3C4B;
 }
/*End Step 5*/

/*Step 6*/
#campaign_steps .groups-step-6 {
	background-color: #fff;
	height: 35px;
	color: #3C3C4B;
	text-align: center;
	padding-top: 6px;
	border:1px solid #009a3d;
	margin-top: 50px;
	cursor: pointer;
	font-weight: bold;
}

.groups-step-6 ul li{
	list-style-type: none;
}

#campaign_steps .hidden-group{
	display: none;
	margin-top: 15px;
	border: 1px solid #3C3C4B;
	padding-top: 12px;
}

#campaign_steps .hidden-group{
	padding: 5px;
	list-style: none;
	max-height: 200px;
    overflow: auto;
}

#campaign_steps .groups-step-6-active {
	background-color: #009a3d;
	color: #fff; 
}

#campaign_steps .user-image {
	margin-left: -10px;
	margin-right: 10px;
}
/*End Step 6*/
/*Campaign draft(step 7)*/
#campaign_steps .blue-header-campaign-draft,
.campaign-draft .blue-header-campaign-draft{
	background-color: #009a3d;
	color: #fff;
	margin-bottom: 65px;
}

.campaign-draft h3 {
	padding: 55px 50px;
	font-weight: bold;
}

.campaign-draft .campaign_infos{
	margin-top:50px;
	margin-bottom: 50px;
	padding-bottom: 50px;
	padding-left: 50px;
	padding-right: 50px;
	border-bottom: 1px solid #a7a7a7;
}

.campaign-draft .campaign_infos .col-sm-2{
	width: 20%;
	margin:0px;
	font-size:14px;
	color: #3C3C4B;
	border-right:1px solid #a7a7a7;
	word-break: break-all;
	/*text-align: center;*/
}

.campaign-draft .campaign_infos .col-sm-2:last-child{
	border-right: none;
}


.campaign-draft .campaign_infos > col-sm-2{
	text-align:left;
}

.campaign-draft .campaign_infos > col-sm-2{
	text-align: right;
	border-right: 0px solid black;
}

.campaign-draft .campaign_infos h4{
	color:#009a3d;
	font-size:16px;
	font-weight:bold;
}

 #campaign_steps .campaign-draft-h4 {
	margin-bottom: 40px;
	color: #3C3C4B !important;
	font-weight: normal !important; 
}

.campaign-draft .campaign-draft-tabel {
	margin-top: 30px;
	margin-left: 50px;
    margin-right: 50px;
}

.campaign-draft .campaign-draft-tabel table thead tr th,
.campaign-draft .table>tbody>tr>td {
	vertical-align: middle;
	text-align: center;
}

.campaign-draft .table>tbody>tr>td:first-child {
	text-align: left;
}

.campaign-draft .campaign-draft-inputs{
	height: 35px;
    border: 1px solid #333333;
}

.campaign-draft-span {
	padding-left: 10px;
}

.campaign-draft .campaign-draft-table-p-blue{
	color: #009a3d;
	font-weight: bold;
}

.campaign-draft.campaign-draft-table-p-blue:first-child{
	padding-left: 38px;
}

.campaign-draft-table-p {
	text-align: center;
}

.modal-body-step-7 {
	border-bottom: 2px solid #3C3C4B;
    width: 95%;
    margin-left: 15px;
}

.modal-body-step-7  p {
	padding-top: 35px;
    padding-bottom: 35px
}


#confirmationModal{
	top: 25%;
}

.on-off {
	display: none; 
}

.campaign-draft .modal-header,.modal-header {
	border-bottom: none;
}

.campaign-draft .modal-footer,.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 2px solid #505050;
    width: 95%;
    margin-left: 11px;
}

#zielConfirmationModal{
  top: 25%;
}

.step-2 .disziplin-select{
	margin-bottom: 10px;
	min-height: 40px;
}

.step-2 .products-container{
    background-color: #fff;
    background-image: url(/images/icons_smart-22.png);
    background-repeat: no-repeat;
    background-position: 5px;
    border: 1px solid #8B8B8B;
    padding-left: 50px;
    line-height: 30px;
    color: #3C3C4B;
    font-size: 12px;
} 

.step-2 .products-container .btn-group{
	float: right;
}

.step-2 .products-container .btn-group button[type="button"]{
	border: none;
	background-color: #fff;
	box-shadow: none;
}

.step-2 .products-container .btn-group .multiselect-container{
	min-width: 220px;
    right: -16px;
    top: 35px;
    left: initial;
}

.step-6 .hidden-group ul>li{
	list-style-type: none;
	margin-bottom: 5px;
}

.step-2 .selected-input{
	background-color: rgb(42, 167, 255);
}

/*End  Campaign draft(step 7)*/
/*End campaign steps*/




/* ADD USER START */
.adduser .col-sm-6{ padding:0px; }
.adduser .col-sm-6 #create_user > div{ position:relative; }
.adduser h2{
	font-weight: bold;
    font-size: 30px;
    border-bottom: 1px solid #2fa5f9;
    padding-bottom: 20px;
}
.adduser label{margin-top:20px;}
.adduser input[type="text"],
.adduser input[type="email"]{
    width: 100%;
    border: 1px solid #009a3d;
    padding: 10px 20px;
    margin-top: 10px;
}

.adduser .select-fake{
    margin-top: 10px;
}
.adduser .select-fake a{
	border:1px solid #009a3d;
    height: 40px;
    padding: 10px 20px;
    position:relative;
}

.adduser .select-fake a::after{
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 8px 0 8px;
	border-color: #009a3d transparent transparent transparent;
	right:10px;
	top:15px;
	position: absolute;
}
.adduser .select-fake a.select-fake-selected::after{
	border-color: #fff transparent transparent transparent;
}

.adduser .select-fake-selected{
	background:#009a3d;
}    
.adduser .select-fake ul{
	border: 1px solid #009a3d;
	top:39px;
}
.adduser .select-fake ul li:hover{
    background: rgba(166, 148, 206, 0.83);
	color:#fff;
}
.adduser label[for="thefile"]{
    padding-left: 65px;
    margin-top: 50px;
    margin-bottom: 20px;
	position:relative;
	cursor:pointer;
}
.adduser input[type=file]{
	display:none;
}
.adduser label[for="create_user_profilePicture"]{
	position: relative;
    position: relative;
    padding-left: 63px;
    padding-top: 15px;
    cursor: pointer;
}
.adduser label[for="create_user_profilePicture"]::before{
	content: "";
    background: url(/images/upload.png) 0 0 no-repeat;
    width: 50px;
    height: 50px;
    background-color: #009a3d;
    position: absolute;
    left: 0px;
    border-radius: 40px;
    background-position: 10px;
    top: 0px;
    position: absolute;
}


.adduser #cancel_adduser,.adduser input[type=submit]{
	padding:10px 20px;
	border-radius: 0px;
}
.adduser button[type=submit]{
	padding:10px 20px;
	border-radius: 0px;
	background:#009a3d;
	border:1px solid #009a3d;
	color:#fff;
	margin-top:30px;
}
.adduser input[type=checkbox]{
    width: 20px;
    height: 20px;
    display: inline-block;
}

.adduser .labelul{
	margin-right:40px;
	vertical-align: bottom;
    margin-left: 10px;
}
.adduser .img_text{
	position:absolute;
	top:30px;
	left:90px;
}
.adduser .user_pp{
	width: 80px;
    margin-top: 20px;
    margin-bottom: 0px;
	height: 80px;border-radius: 100%; border: 1px solid #3b9908;display:block;
}
/* ADD USER END */
/* USERS LIST BEGIN */
.users h2{
	font-weight: bold;
    font-size: 30px;
/*    border-bottom: 1px solid #2fa5f9;*/
/*    padding-bottom: 20px;*/
}
.users .search_box{
	width: 100%;
    background-color: #009a3d;
    color: #fff;
    padding: 15px 25px;
    border: 0px solid #fff;
    background-image: url(/images/search3.png);
    background-position: 98% 16px;
    background-repeat: no-repeat;
    margin-bottom: 70px;
    margin-top: 30px;
}
.users .search_box:focus,.users .search_box:active{
	border:0px solid #fff !important;
	outline: 0px solid #fff;
}

.users .search_box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
.users .search_box::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
.users .search_box::-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
.users .search_box::-moz-placeholder { /* Firefox 18- */
  color: white !important;
}
.users > div > div{
	cursor: pointer;
}
.users  .users-container> div{
    padding: 10px;
    height: 145px;
    padding-top: 30px;
    margin-bottom: 30px;
    position:relative;
}

.users .users-container > div::after{
    border-bottom: 1px solid grey;
    height: 1px;
    width: 101%;
    position: absolute;
    content: "";
    bottom: -15px;
    left: 0px;
    z-index: 999987;
}


.users .dnu, .users name{
	display:block;
	font-size:15px;
	font-weight: bold;
	color:#000;
	cursor:pointer;
	word-break: break-all;
}
.users .dnu{
    line-height: 57px;
    cursor: pointer;
}
.users email{
    display: block;
    font-weight: bold;
    font-size: 13px;
    color: grey;
    margin-top: -3px;
    cursor:pointer;
    word-break: break-all;
}

.users roles{
	word-break: break-all;
}

.users description{
	display: block;
	font-size:12px;
	color:grey;
    line-height: 12px;
    margin-top: 12px;
}
.users .add-the-user icon{
    display: block;
    background: #3b9908;
    width: 80px;
    height: 80px;
    border-radius: 100%;
    color: #fff;
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    line-height: 78px;
    cursor: pointer;
    font-family: Arial;
	line-height: 80px;
}

.users icon img{
	width: 80px;
    height: 80px;
    border-radius: 80px;
    border: 2px solid #3b9908;
}
/* USERS LIST END */
/* NEW GRUP BEGIN */
.addgrup h2{
	font-weight: bold;
    font-size: 30px;
   /* border-bottom: 1px solid #2fa5f9;*/
    padding-bottom: 20px;
}
.addgrup input[type="text"],.addgrup textarea{
    width: 40%;
    border: 1px solid #009a3d;
    padding: 10px 20px;
    margin-top: 10px;
    resize: none;
}
.addgrup input:focus,.addgrup input:active{
	outline: 0px solid #fff;
}

.addgrup label[for="create_target_group_name"],
.addgrup label[for="create_target_group_description"]{
	display:block;
	margin-top: 20px;
}

.addgrup button{
	padding: 10px 30px;
 	background:#009a3d;
 	text-align: center;
 	border:1px solid #009a3d;
 	color:#fff;
    margin-top: 25px;
}
/*NEW GRUP END*/

/*ALL GRUPS BEGIN*/
.allgrups h2{
	font-weight: bold;
    font-size: 30px;
}
.allgrups .search_box{
	width: 100%;
    background-color: #009a3d;
    color: #fff;
    padding: 15px 25px;
    border: 0px solid #fff;
    background-image: url(/images/search3.png);
    background-position: 98% 16px;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    margin-top: 30px;
}
.allgrups .search_box:focus,.allgrups .search_box:active{
	border:0px solid #fff !important;
	outline: 0px solid #fff;
}

.allgrups .search_box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
.allgrups .search_box::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
.allgrups .search_box::-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
.allgrups .search_box::-moz-placeholder { /* Firefox 18- */
  color: white !important;
}
.allgrups .tg{width:101%;}
.allgrups .gruppen{
	width:19%;
	margin-right:1%;
	border:1px solid #009a3d;
	text-align: center;
	color:#000;
	font-size:14px;
	float:left;
    padding-top: 9px;
	margin-bottom: 1%;
	cursor:pointer;
	position: relative;
	height:40px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	font-family: Arial;
}

.allgrups .gruppen:hover{
	background:#009a3d;
	color:#fff;
}

.allgrups .newgruppen{
	font-weight: bold;
}

.allgrups .newgruppen::before{
	content:"\002b";
	position:absolute;
	margin-left:-15px;
	color:#000;
	font-size:16px;
	top: 8px;
}
.allgrups .newgruppen:hover::before{
	color:#fff;
}
/*ALL GRUPS END*/
/*EDIT GRUP BEGIN*/
.editgrup h2{
	font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}
.editgrup > .col-sm-12{
	padding: 0px;
    margin-bottom: 20px;
    /* border-bottom: 1px solid; */
    padding-bottom: 20px;
    border-bottom: 1px solid #009a3d;
}
.editgrup input[type="text"],
.editgrup textarea{
    width: 100%;
    border: 1px solid #009a3d;
    padding: 10px 20px;
    margin-bottom: 10px;
    resize: none;
}
.editgrup input:focus,.editgrup input:active{
	outline: 0px solid #fff;
}

.editgrup .addgrupbutton{
	padding: 10px 30px;
 	background:#009a3d;
 	text-align: center;
 	border:1px solid #009a3d;
 	color:#fff;
 	font-weight: bold;
}
.editgrup .removegrupbutton{
	padding: 10px 30px;
 	background:#d35e35;
 	text-align: center;
 	border:1px solid #d35e35;
 	color:#fff;
 	font-weight: bold;
}

.editgrup > .hh{
	border-bottom: 1px solid #009a3d;
	padding-bottom:20px;
	margin-bottom:30px;
	min-height: 100px;
	padding-left:0px;
	padding-right:0px;
}
.editgrup #addedusers{
	width:100%;
	border-color: #d35e35;
	background-image: url(/images/search4.png);
    background-position: 98% 10px;
    background-repeat: no-repeat;
}

.editgrup #addusers{
	width:100%;
	border-color: #user_2_add;
	background-image: url(/images/search1.png);
    background-position: 98% 10px;
    background-repeat: no-repeat;
}

.editgrup .gg1{
	padding-left:0px;
}
.editgrup .gg2{
	padding-right:0px;
}

.editgrup .gg1 > .col-sm-6{
	padding:0px;
    margin-top: 30px;
    margin-bottom: 30px;
    color:#d35e35;
    font-weight: bold;
}
.editgrup .gg2 > .col-sm-6{
	padding:0px;
    margin-top: 30px;
    margin-bottom: 30px;
    color:#009a3d;
    font-weight: bold;
}

.editgrup .user_added .col-sm-12,.editgrup .user_added .col-sm-12 .theicon,
.editgrup .user_2_add .col-sm-12,.editgrup .user_2_add .col-sm-12 .theicon{
	padding:0px;
}.
.editgrup .user_added .col-sm-12 .theicon icon,
.editgrup .user_2_add .col-sm-12 .theicon icon{
	display:block;
}
.editgrup .user_added .col-sm-12 .theicon icon img{
	width: 80px;
    height: 80px;
    border-radius: 80px;
    border: 2px solid #d35e35;
}
.editgrup .user_2_add .col-sm-12 .theicon icon img{
	width: 80px;
    height: 80px;
    border-radius: 80px;
    border: 2px solid #3b9908;
}
.editgrup name{
	display:block;
	text-align: left;
	font-size: 15px;
	margin-top:20px;
	font-weight: bold;
}
.editgrup email{
	display:block;
	text-align: left;
	font-size: 13px;
}
.editgrup .user_added,.editgrup .user_2_add{
	width:100%;
    height: 580px;
    overflow: auto;
}
.editgrup .user_added::after,.editgrup .user_2_add::after{
	clear:both;
}

.editgrup .user_added > .col-sm-12,
.editgrup .user_2_add > .col-sm-12{
    border-bottom: 1px solid;
    min-height: 100px;
    margin-bottom: 20px;
}

.editgrup .remove{
    width: 40px;
    height: 40px;
    background: #d35e35;
    font-size: 70px;
    border-radius: 50px;
    color: #fff;
    line-height: 28px;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    padding: 0px;
    margin-right: 0px;
    position: absolute;
    right: 0px;
    top:10px;
    line-height: 32px;
    font-family: Arial;
}
.editgrup .adauga{
    width: 40px;
    height: 40px;
    background: #009a3d;
    font-size: 38px;
    border-radius: 50px;
    color: #fff;
    line-height: 39px;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    padding: 0px;
    float: right;
    margin-right: 10px;
    font-family: Arial;
    line-height: 40px;
}
/*EDIT GRUP END*/




/*List View of all campaign*/
#list_campaigns .list-all-campaigns {
	background-color: #009a3d;
}

#list_campaigns .list-all-campaigns h1{
	color: #fff;
	padding: 50px 0px 50px 70px;
}

#list_campaigns .list-campaigns-rows a>div{
	margin-top: 50px;
	padding-top: 15px;
	padding-bottom: 15px;
}

/*.draft-campain-container .list-campaigns-rows a:nth-child(odd)>div{
	border-right: none !important;
}
*/
#list_campaigns .list-campaigns-rows a:nth-child(odd)>div{
	border-right: 1px solid gray;
}


.keine h3{
	padding: 50px 0px 50px 70px;
}


#list_campaigns .list-campaign-charts-first-col {
	padding-left: 75px;
	border-right: 1px solid gray;
}

#list_campaigns .list-campaign-charts-second-col {
	padding-left: 85px;
}

/*position the name of campaigns*/
#list_campaigns .list-views-name-of-campaign h4 {
	font-weight: bold;
	margin-bottom: 25px;
	padding-left: 85px;
	margin-top: 50px;
}
#list_campaigns .list-views-name-of-campaign h4.second-col {
	padding-left: 85px;
}
#list_campaigns .circle_progress {
	float: left;
	margin-top: 0px;
}

#list_campaigns .circle_progress canvas {
	margin-top: 0px;
}

#list_campaigns .list-charts {
	margin-top: 50px;
}

#list_campaigns .list-views-name-of-campaign {
	margin-bottom: 20px;
	margin-top: 20px;
}


#list_campaigns .list-chats-border-bottom {
	border-bottom: 1px solid gray;
    margin-top: 40px;
    width: 85%;
    margin-left: 50px;
}

#list_campaigns .list-chats-border-bottom-past-campaigns {
	border-bottom: 1px solid gray;
    margin-top: 40px;
    width: 85%;
    margin-left: 50px;
}

#list_campaigns .list-campaigns-p {
	padding-left: 10px;
    font-weight: bold;
}

#list_campaigns .donut{
	float: none;
    margin: 0 auto;
}

#list_campaigns  .donut h5{
	color: #333;
	font-size: 20px;
	top: -55px;
}

#list_campaigns .list-campaigns-details{
	 margin-bottom: 15px;
	 color: #333;
}


#list_campaigns .past-campaigns {
	padding: 50px 0px 50px 70px;
}

#list_campaigns .list-details {
	margin-top: 30px;
}

#list_campaigns .roundline::after{
	content:"";
	background:url(/images/stuz-for-white-background.png) 0 0 no-repeat;
	width:8px;
	height:28px;
	position:absolute;
	top:0px;
	left:-3px;
}

.h4-campaign-name {
	margin-top: -55px;
	font-weight: bold;
	margin-bottom: 0px;
}

/*.list-campaigns-rows {
	margin-top: 75px;
}*/
/*End list View of all campaign*/

/*Campaign status*/
#campaign_status h1 {
	font-weight: bold;
}

#campaign_status .points-container {
	margin-top: 50px;
}

#campaign_status .points-expire-data {
	padding-left: 10px;
}

#campaign_status .set-points {
	margin-left: 35px;
}

#campaign_status .set-points p {
	margin: 40px 0;
}

#campaign_status .slider.slider-horizontal {
	height: initial !important;
}

#campaign_status .slider-handle {
	top: -11px !important;
}

#campaign_status .slider-handle {
	background-color: #009a3d;
	background-image: none !important;
}

#campaign_status .slider-selection {
	background-image: linear-gradient(to bottom, #caf79e 0%, #caf79e 100%);
}

#campaign_status .slider-track-low, .slider-track-high {
	background-color: #505050;
}
/*End campaign status*/

/*Details view accepted campaign*/
#details_view_accepted_campaign .icons-accepted-campaign {
	padding-top: 25px;
}

#details_view_accepted_campaign .campaign_name_procent .donut{
	float: none;
	margin: 50px auto;
}
	#details_view_accepted_campaign #circles  div:first-child .donut .pie-wrapper .smaller{
		left: 22%;
	}

	#details_view_accepted_campaign #circles  div:first-child  .donut  .pie-wrapper .label{
		color: #333;
	    top: 0.20em;
	    background-image: url(../images/details-accepted-campaign-icon-2.png);
	    background-position: 50% 21%;
	    background-repeat: no-repeat;
	}

	#details_view_accepted_campaign #circles  div:nth-child(2) .donut .pie-wrapper .smaller{
		left: 32%;
	}

	#details_view_accepted_campaign #circles  div:nth-child(2) .donut  .pie-wrapper .label{
		color: #333;
	    top: 0.20em;
	    background-image: url(../images/details-accepted-campaign-icon-1.png);
	    background-position: 50% 21%;
	    background-repeat: no-repeat;
	}

#details_view_accepted_campaign .accepted-campaign-charts {
	padding-bottom: 20px;
}
.circle_puncte {
	width: 180px;
    height: 180px;
    background-size: 100% 100%;
    background-color: #95c11c;
    position: relative;
    float: right;
    text-align: center;
    margin-top: 44px;
    border-radius: 100px;
    border: 1px solid #fff;
}

.circle_puncte > span{
	position: absolute;
	top: 65px;
	font-size: 50px;
	font-weight: bold;
	width: 100%;
	left: 0px;
	line-height: 25px;
	color: #fff;
}
.circle_puncte > span > span{
	font-size: 20px;
	display: block;
	width: 100px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 9px;
	border-bottom: 1px solid #bab8b8;
	font-weight: normal;
	font-size: 16px;
}
.circle_puncte h5{
	position: absolute;
	top: -37px;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.circle_puncte canvas{
	margin-top:40px;
}

/*Start slider*/
.slider-details{
	width:97%;
	overflow:hidden;
	/*height:160px;*/
	margin-right: 20px;
}
.slider-details .slider-details-width{width:1000000px;}
.slider-details .slider-details-width span {
    display: block;
    float: left;
    width: 30px;
    margin-right: 140px;
    position: relative;
   /* height: 100px;*/
    margin-top: 43px;
}
.slider-details .slider-details-width span::after{
    content: "...........................";
    position: absolute;
    top: 11px;
    left: 50px;
    z-index: -1;

}
.active-slider-image{
    width: 80px !important;
    margin-top: -14px;
    margin-left: -14px;
    z-index: 999999;
    margin-bottom: -16px;
}
.active-slider-image1{
	position:absolute;
	margin-top:-30px;
}
.slider-details .slider-details-width span > img{width:50px;}
.slider-details .slider-details-width span > span{
	display: block;
	text-align: center;
	width:100%;
	padding-left: 22px;
}

.slider-container {
	padding-left: 55px;
	margin-top: -35px;
}
.button_right_quick {
	position: absolute;
    right: -25px;
    top: 140px;
    cursor: pointer;
}
.button_right_slow {
	position: absolute;
    right: 2px;
    top: 140px;
    cursor: pointer;
}

.button_left_quick{
	top: 140px;
    position: absolute;
    left: 20px;
    cursor: pointer;
    display: none;
}

.button_left_slow {
	position: absolute;
    top: 140px;
    left: 46px;
    cursor: pointer;
    display: none;
}

.ranglis-border {
	border-right: 1px solid #009a3d;
}

/*End slider*/
#details_view_accepted_campaign .view-accepted-campaign-chart {
	margin-top: 60px;
}

#details_view_accepted_campaign .view-accepted-campaign-chart {
	margin-top: 90px;
}


#details_view_accepted_campaign .view-accepted-campaign-chart h4 {
	margin-bottom: 85px;
	font-weight: bold;
}

#details_view_accepted_campaign .zielerreichung {
	top: -45px;
	left: 63%;
}

.zuzsatzwette{
	font-size:16px;
	color:#000;
	text-align: center;
    position: absolute;
    left: 85%;
    top: -45px;

}
.zuzsatzwette::before{
    content: "";
    width: 18px;
    height: 18px;
    background: #009a3d;
    border-radius: 20px;
    position: absolute;
    margin-left: -25px;
}

#details_view_accepted_campaign .texts-details-view-accepted-campaign h4 {
	color: #fff;
	font-weight: bold;
	margin: 50px 0;
}

#details_view_accepted_campaign .texts-details-view-accepted-campaign p {
	color: #fff;
	margin: 50px 0;
}

#details_view_accepted_campaign .campaign_name {
	height: auto;
}

#details_view_accepted_campaign .light-icon {
	margin-bottom: 50px;
}
#details_view_accepted_campaign .product-details-view-accepted-campaign {
	margin-top: 20px;
}

#details_view_accepted_campaign .product-details-view-accepted-campaign h4 {
    float: right;
    margin-right: 30px;
    margin-top: 90px;
}

#details_view_accepted_campaign .product-details-pictures {
	border: 2px solid #E5E5E5;
	width: 13%;
    margin-left: 21px;
    box-shadow: 0px 1px 0px #E5E5E5;
    height: 400px;
    overflow: hidden;
}

#details_view_accepted_campaign .product-details-pictures-border {
	border: 1px solid #E5E5E5;
    margin-bottom: 10px;
}

#details_view_accepted_campaign  .product-details-pictures p{
	text-align: left;
	margin-top: 5px;
	margin-bottom: 25px;
}

.accepted-campagin-sliders {
	/*height: 255px;*/
}

.ranglis-div {
	margin-top: 50px;
    height: 200px;
} 

.ranglis-div h4 {
	margin-top: 90px;
}

.accepted-slider-div {
	margin-top: 114px;
    height: 200px;
}
/*.accepted-campaign-h1 {
	border-right: 1px solid #fff;
	padding-bottom: 50px;
}*/

.details-view-accepted-btn-2 {
	margin-top: 80px;
}

.my-profile-p {
	margin-left: 155px;
}

.details-view-accepted-btn {
	margin-top: 25px;
}

.common-button-white{
	background-color: #fff;
    color: #009a3d;
    padding: 8px 15px;
    border: 1px solid #009a3d;
}

#details_view_accepted_campaign .commonButton {
	padding: 8px 25px;
}

#slider_2 {
	display: none;
}

#slider_2 .slider-details .slider-details-width span > img{
	width: 35px;
}

#slider_2 .slider-details .slider-details-width span {
	margin-right: 50px;
}

#slider_2 .slider-details {
	height: 140px;
}

.slide-bllured {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}

#slider_2 .my-profile-p {
	margin-left: 102px;
}

#slider_2 .slider-details .slider-details-width span::after{
	 content: "...";
}

#slider_2 .slider-details {
	width: 102%;
}

#slider_2 .button_right_quick {
	right: -45px;
}

#slider_2 .button_right_slow {
	right: -17px;
}

#slider_2 .my-profile-p {
    margin-left: 68px;
}

.picture-div {
	height: 220px;
    margin-top: 30px;
}

.my-profile-p {
	position: absolute;
    left: -162px;
    top: -44px;
    width: 70px;
}

.my-profile-p a {
	color: #000;
}

.my-profile-p a:hover {
	text-decoration: none;
}

.product-description-punkte {
	position: absolute;
	bottom: -18px;
	color: #D31A2B;
}
.zpic{width:20px;height:20px;
	-moz-filter: blur(1px);
    -o-filter: blur(1px);
    -ms-filter: blur(1px);
    filter: blur(1px);
}
.rezultat{
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: center;
}
.slider-details-width2{position: relative;width:100%;height:200px;}
.slider-line{
    position: absolute;
    top: 75px;
    z-index: -1;
    width: 100%;
    border-bottom: 1px solid grey;
}
.nr1 {
    display: inline-block;
    left: 50%;
    text-align: center;
    width: 50px;
    position: absolute;
    top: 60px;
}

.circle_progress2 {
	width: 180px;
    height: 180px;
    background: url(/images/circle_background2.png) 0 0 no-repeat;
    background-size: 100% 100%;
    position: relative;
    float: right;
    text-align: center;
    margin-top: 44px;
}


/*Menu*/
.navbar{
	padding-top: 10px;
}

.navbar-default {
	background: #fff;
	border: none;
}

.navbar .navbar-brand{
	padding-left: 0px;
	padding-top: 7px;
}

.navbar .navbar-brand h1{
	margin-top: 0px;
	padding-bottom: 25px;
}

.navbar .container{
	border-bottom: 1px solid #009a3d;
	padding-bottom: 25px;
	background-color: #fff;
}
	
	.navbar-right{
		    margin-top: 10px;
	}

	.navbar-right div.image{
		height: 50px;
	    border: 1px solid #9ee430;
	    border-radius: 51px;
	    background-size: 50px 50px;
	    background-position: 50% 50%;
	    background-repeat: no-repeat;
	    width: 50px;
	}

	.navbar-right div:nth-child(2){
		line-height: 18px;
	    max-width: 135px;
	    padding-left: 10px;
	    height: 50px;
	    word-break: break-all;
	}
	.navbar .nav>li{
		margin-right: 5px;
	}

	.navbar-nav>li>a{
		padding-top: 10px;
    	padding-bottom: 10px;
	}

	.navbar .nav>li:nth-child(1){
		border: 1px solid #009a3d;
	}

	.navbar .nav>li:nth-child(2){
		border: 1px solid #f98585;
	}

	.navbar .nav>li:nth-child(3){
		border: 1px solid #009a3d;
	}

	.navbar .nav>li:nth-child(4){
		border: 1px solid #f9de8c;
	}

	.navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-nav>li>a:hover,
	.navbar-default .navbar-nav>.open>a, 
	.navbar-default .navbar-nav>.open>a:focus, 
	.navbar-default .navbar-nav>.open>a:hover{
		background: #009a3d;;
		color: #fff;
	}

	.navbar-default .navbar-nav>li:nth-child(2)>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(2)>a:hover,
	.navbar-default .navbar-nav>li:nth-child(2).open>a, 
	.navbar-default .navbar-nav>li:nth-child(2).open>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(2).open>a:hover{
		background-color: #f98585;
	}

	.navbar-default .navbar-nav>li:nth-child(3)>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(3)>a:hover,
	.navbar-default .navbar-nav>li:nth-child(3).open>a, 
	.navbar-default .navbar-nav>li:nth-child(3).open>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(3).open>a:hover{
		background-color: #009a3d;
	}

	.navbar-default .navbar-nav>li:nth-child(4)>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(4)>a:hover,
	.navbar-default .navbar-nav>li:nth-child(4).open>a, 
	.navbar-default .navbar-nav>li:nth-child(4).open>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(4).open>a:hover{
		background-color: #f9de8c;
	}
	

	.dropdown-menu{
		top: 110%;
	}

	.navbar-nav>li>.dropdown-menu,
	.dropdown-menu>li,
	.dropdown-menu>li a{
		background-color: #009a3d!important;
		color: #fff !important;
	}

	.navbar-nav>li:nth-child(2)>.dropdown-menu, 
	.navbar-nav>li:nth-child(2) .dropdown-menu>li, 
	.navbar-nav>li:nth-child(2) .dropdown-menu>li a{
		background-color: #f98585 !important;
	}

	.navbar-nav>li:nth-child(3)>.dropdown-menu, 
	.navbar-nav>li:nth-child(3) .dropdown-menu>li, 
	.navbar-nav>li:nth-child(3) .dropdown-menu>li a{
		background-color: #009a3d !important;
	}

	.navbar-nav>li:nth-child(4)>.dropdown-menu, 
	.navbar-nav>li:nth-child(4) .dropdown-menu>li, 
	.navbar-nav>li:nth-child(4) .dropdown-menu>li a{
		background-color: #f9de8c !important;
	}

	.dropdown-menu>li{
		float: left;
	}


	.navbar-right .dropdown-menu{
		right: auto;
	}
/*End Menu*/

/*List all campaigns*/
#list_all_campaigns .list-all-campaigns {
	background-color: #009a3d;
}

#list_all_campaigns .donut{
	float: none;
	margin: 30px auto;
}

#list_all_campaigns .donut h5{
	color: #333;
}

#list_all_campaigns .donut .pie-wrapper .smaller{
	left: 21%;
}

#list_all_campaigns .donut span .num{
	position: relative;
}
#list_all_campaigns .donut .pie-wrapper{
	position: relative;
}

#list_all_campaigns .donut .pie-wrapper:before {
    content: '';
    background: url(../images/clock-icon.png);
    width: 20px;
    height: 23px;
    position: absolute;
    top: 34px;
    left: 44%;
    background-repeat: no-repeat;
    background-size: 20px;
}

#list_all_campaigns .list-all-campaigns h1 {
	color: #fff;
	padding: 50px 0px 50px 70px;
}

#list_all_campaigns .list-campaigns-rows > div:first-child{
	border-right: 1px solid gray;
}

#list_all_campaigns .list-campaign-charts-second-col {
	padding-left: 85px;
}

/*position the name of campaigns*/
#list_all_campaigns .list-views-name-of-campaign h4 {
	font-weight: bold;
	margin-bottom: 25px;
	padding-left: 85px;
	margin-top: 50px;
}
#list_all_campaigns .list-views-name-of-campaign h4.second-col {
	padding-left: 85px;
}
#list_all_campaigns .circle_progress {
	float: left;
	margin-top: 0px;
}

#list_all_campaigns .circle_progress canvas {
	margin-top: 0px;
}

#list_all_campaigns .list-charts {
	margin-top: 50px;
}

#list_all_campaigns .list-views-name-of-campaign {
	margin-bottom: 20px;
	margin-top: 20px;
}


#list_all_campaigns .list-chats-border-bottom {
	border-bottom: 1px solid gray;
    margin-top: 40px;
    width: 85%;
    margin-left: 50px;
}

#list_all_campaigns .list-chats-border-bottom-past-campaigns {
	border-bottom: 1px solid gray;
    margin-top: 40px;
    width: 85%;
    margin-left: 50px;
}

#list_all_campaigns .list-campaigns-p {
    margin-bottom: 10px;
    font-weight: bold;
}

#list_all_campaigns .list-campaigns-details{
	 margin-bottom: 15px;
}
	#list_all_campaigns .list-campaigns-details .list-campaigns-p span{
		position: relative;
	}

		#list_all_campaigns .list-campaigns-details .list-campaigns-p span:before,
		#notification_center .list-campaigns-details .list-campaigns-p span:before{
		    content: '';
		    background: url(../images/list3-campaigns.png);
		    width: 24px;
		    height: 24px;
		    position: absolute;
		    top: -4px;
		    left: -30px;
		    background-repeat: no-repeat;
		}

#list_all_campaigns .past-campaigns {
	padding: 50px 0px 50px 70px;
}

/*#list_all_campaigns .list-details {
	margin-top: 30px;
}*/

#list_all_campaigns .roundline::after{
	content:"";
	background:url(/images/stuz-for-white-background.png) 0 0 no-repeat;
	width:8px;
	height:28px;
	position:absolute;
	top:0px;
	left:-3px;
}

.h4-campaign-name {
	margin-top: -55px;
	font-weight: bold;
	margin-bottom: 0px;
}

/*.list-campaigns-rows {
	margin-top: 75px;
}*/

#list_all_campaigns .tabsContainer{
	margin: 20px 0px 20px 0px;
}
#list_all_campaigns .circle_progress > span > span{
	font-weight: normal;
    border: none;
}

#list_all_campaigns .list-campaigns-rows{
	border-bottom: 1px solid gray;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#list_all_campaigns .list-campaigns-rows:last-child{
	border: none;
}

#list_all_campaigns .circle_progress > span .count{
	position: relative;
}
	#list_all_campaigns .circle_progress > span .count:before{
		content: '';
	    background: url(../images/clock-icon.png);
	    width: 20px;
	    height: 23px;
	    position: absolute;
	    top: -18px;
	    left: 18px;
	    background-repeat: no-repeat;
	    background-size: 20px;
	}


#list_all_campaigns #tab-2, #list_all_campaigns #tab-3{
	display: none;
}

/*End list campaigns*/

/*View campaign summary of all campaigns*/
#campaigns_summary .campaign_infos1 {
	margin-top: 50px;
}

#campaigns_summary .campaigns-summary-row-2-bottom {
	border-bottom: 1px solid #ccc;
	margin: 10px 0;
}

#campaigns_summary  .campaigns-summary-text-2-bottom {
	font-size: 12px;
	text-align: right;
}

#campaigns_summary .verlauf_text {
	margin-top: 145px;
}

#campaigns_summary .verlauf h2 {
	font-weight: bold;
	margin-top: 80px;
}

#campaigns_summary .campaigns-summary-chart {
	margin-top: 150px;
}

#campaigns_summary .zielerreichung {
	top: -65px;
}

#campaigns_summary .verlauf-row {
	margin-top: 25px;
}

#campaigns_summary .verlauf {
	height: 600px;
}

#campaigns_summary .nav-pills>li.active>a{
	background-color: #009a3d;
	margin-bottom: 54px;
}

#campaigns_summary .rzt {
	border-bottom: none;
}

#campaigns_summary .rzt-border {
	border-bottom: 1px solid #e5e5e5;
	width: 90%;
    margin-left: 70px;
}

#campaigns_summary .linie_stanga .right_event .col-sm-12:first-child {
	background-color: red;
}

#campaigns_summary .linie_stanga .right_event {
	border: 1px solid red;
}

#campaigns_summary .linie_stanga .right_event:before {
	background-color: red;
}
/*End View campaign summary of all campaigns*/

/*Create chalendge*/
#create-challendge #header .item{
	position: relative;
}

#create-challendge #header .item:before{
	position: absolute;
    right: 2%;
    top: 22px;
    content: "";
    width: 90px;
    height: 1px;
    border-bottom: 1px solid #009a3d;
}

	#create-challendge #header .item:nth-child(2):before{
		right: -16%;
	}

	#create-challendge #header .item:nth-child(3):before{
		right: -35%;
	}


	#create-challendge #header{
		border-bottom: 1px solid #009a3d;
	    margin-bottom: 20px;
	    padding-bottom: 60px;
	    padding-left: 5px;
    	padding-right: 5px;
	}

	#create-challendge #header div.active{
		background: #009a3d;
	   	color: #fff !important;
	}

	#create-challendge #header .item>div{
		width: 55px;
	    height: 55px;
	    border-radius: 50%;
	    color: #009a3d;
	    font-weight: bold;
	    display: table;
	    border: 1px solid #009a3d;
	    line-height: 50px;
	    text-align: center;
	}

	#create-challendge #header p.active{
		color: #009a3d;
    	font-weight: bold;
	}

	#create-challendge #header .item:last-child:before{
		display: none;
	}

	#create-challendge #header .item>p{
		padding-left: 5px;
    	padding-top: 10px;
		position: absolute;

	}

	#create-challendge #header .item:nth-child(1)>p{
		left: 0px;
		
	}

	#create-challendge #header .item:nth-child(2)>p{
		left: 40%;
		
	}

	#create-challendge #header .item:nth-child(3)>p{
		left: 42%;
		
	}

	#create-challendge #header .item:nth-child(4)>p{
		right: 0px;
    	top: 53px;
	}

	#create-challendge #step-1 input{
		border-color: 1px solid #a8a8a8;
		width: 100%;
		padding: 3px 10px 3px 10px;
	}

	#create-challendge #step-1 .usersContainer>div{
		padding: 10px 0px 10px 0px;
		margin-bottom: 5px;
		margin-top: 5px;
		border-bottom: 1px solid #a8a8a8;
		cursor: pointer;
	}

	#create-challendge #step-1 .usersContainer>div:hover,
	#create-challendge #step-2 .item:hover{
		background-color: #009a3d;
		color:#fff;
	}

	#create-challendge #step-1 .usersContainer .userItem name,
	#create-challendge #step-1 .usersContainer .userItem email,
	#create-challendge #step-1 .usersContainer .userItem description{
		word-break: break-all;
	}

/*	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2){
		padding-left: 30px;
	}*/

	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) name,
	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) email,
	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) description{
		display: block;
	}

	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) name{
		font-weight: bold;
	}

	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) email{
		font-weight: 600;
	}

	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) email,
	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) description{
		color: #777;
	}

	#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) description{
		padding-top: 15px;
	}

	#create-challendge #step-1 .selected,
	#create-challendge #step-2 .selected,
	#create-challendge #step-3 .selected{
		background-color: #009a3d;
		color: #fff;
	}

	#create-challendge #step-1 h4{
		margin-top: 20px;
    	margin-bottom: 20px;
	}


	#create-challendge #step-1 .usersContainer>div:nth-child(3n+2)>div.userItem{
		border-left: 1px solid #a8a8a8;
		border-right: 1px solid #a8a8a8;
	}

	#create-challendge #step-1 .usersContainer div>div>img{
		height: 50px;
	    width: 50px;
	    border: 1px solid #9ee430;
	    border-radius: 50px;
	}

	#create-challendge #step-1 .usersContainer div>div> span.glyphicon-user{
		font-size: 32px;
	    color: #777;
	    padding: 10px;
	    border-radius: 50%;
	    border: 1px solid #9ee430;
	}

	#create-challendge .errorMessage{
		color: red;
		display: none;
		padding-top: 10px;
    	padding-bottom: 10px;
	}

	.commonBackButton{
		border: 1px solid #009a3d;
		background-color: #fff;	
		padding: 5px 15px 5px 15px;	
		cursor: pointer;
	}

	.commonForwardButton{
		background-color: #009a3d;
		color: #fff;
		border:none;
		padding: 5px 15px 5px 15px;
		cursor: pointer;
	}

	#create-challendge .step{
		display: none;
		min-height: 300px;
		margin-top: 50px;
	}

	#create-challendge #step-1{
		display: block;
	}

	#create-challendge .commonBackButton{
		display: none;
	}

	#create-challendge #step-2 .item{
		padding-top: 5px;
		padding-bottom: 5px;
		border:1px solid  #a8a8a8;
		min-height: 38px;
		cursor: pointer;
		margin-bottom: 5px;
	}

	#create-challendge #step-2 .item img{
		max-height: 26px;
	}

	#create-challendge #step-3 .item{
		padding-top: 7px;
		padding-bottom: 5px;
		padding-left: 10px;
		border:1px solid  #a8a8a8;
		min-height: 38px;
		cursor: pointer;
		position: relative;
		margin-bottom: 5px;
	}

	#create-challendge #step-3 .item img{
		position: absolute;
		right: 10px;
		max-height: 26px;
	}

	#create-challendge #step-4 textarea{
		width: 100%;
		height: 150px;
		padding: 20px;
	}


	#create-challendge  #submit{
		display: none;
	}

	#create-challendge #step-1 #searchContainer{
		position: relative;
	}

	#create-challendge #step-1 #searchContainer:after{
		content: "";
	    position: absolute;
	    right: 7px;
	    top: 7px;
	    background: url(/images/search2.png) 0 0 no-repeat;
	    background-size: 100% 100%;
	    width: 15px;
	    height: 15px;
	}

/*End Create chalendge*/

/*START CHALLENGE OVERVIEW */
#challenges-overview h2{
	font-weight: bold;
    font-size: 30px;
    margin-bottom: 100px;
}

#challenges-overview h4{
	font-size: 15px;
	font-weight: bold;
	margin-bottom:20px;
}
#challenges-overview .col-sm-6,
#challenges-overview .col-sm-12{
	padding:0px;
}

#challenges-overview icon img{
	width: 70px;
    height: 70px;
    border-radius: 80px;
    border: 2px solid #f73737;
}
#challenges-overview icon{
	margin-right:10px;
}
#challenges-overview > .col-sm-6{
	margin-bottom:50px;
	border-right: 1px solid #000;
	padding-right:40px;
	padding-left:0px;
	padding-bottom: 30px;
}
#challenges-overview > .col-sm-6:nth-child(odd){
	border-right: 0px solid;
	padding-left:40px;
	padding-right:0px;
}

#challenges-overview > .col-sm-6::before{
	content:"";
	position:absolute;
	width: 101%;
	height:1px;
	top:100%;
	margin-top:25px;
	border-top:1px solid #000;
	left:0px;
}

#challenges-overview times{
	display:block;
	padding-left:25px;
	font-size:13px;
	position: relative;
    margin-bottom: 10px;
}
#challenges-overview times::before{
	content:"";
	position:absolute;
	left:0px;
	background:url(/images/time.png) 0 0 no-repeat;
	background-size:100% 100%;
    width: 18px;
    height: 18px;
}

#challenges-overview description{
	display:block;
	font-size:13px;
    overflow: hidden;
    height: 36px;
}
#challenges-overview .accept-challenge{
	border:1px solid #009a3d;
	background:#009a3d;
	color:#fff;
	width:48%;
	float:left;
	margin-right: 4%;
	font-size:13px;
	text-align: center;
	padding:10px;
	font-weight: bold;
}
#challenges-overview .reject-challenge{
	border:1px solid #f73737;
	background:#f73737;
	color:#fff;
	width:48%;
	float:left;
	font-size:13px;
	text-align: center;
	padding:10px;
	font-weight: bold;
}
#challenges-overview description{
	display: block;
	width: 100%;
	margin-top:30px;
	font-size: 13px;
}

/*END CHALLENGE OVERVIEW */

/*My challendges*/
#my-challendges #challendgeInfo{
	border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

	#my-challendges #challendgeInfo h5{
		color: #009a3d;
		font-weight: bold;
	}

	#my-challendges #challendgeInfo div:nth-child(2){
		border-left: 1px solid #ccc;
    	border-right: 1px solid #ccc;
	}

	#my-challendges .challendgeProgress{
		margin-top: 20px;
    	margin-bottom: 20px;
	}

	#my-challendges .challendgeProgress .leftUserImage img,
	#my-challendges .challendgeProgress .rightUserImage img{
		border: 1px solid red;
	    width: 50px;
	    height: 50px;
	    border-radius: 50px;
	}

	#my-challendges .challendgeProgress .rightUserImage img{
		border: 1px solid blue;
	}

	#my-challendges .challendgeProgress .progressbar{
		position: relative;
		height: 10px;
    	margin-top: 20px;
		background: red; /* For browsers that do not support gradients */
		/* For Safari 5.1 to 6.0 */
		background: -webkit-linear-gradient(left,#16e359,#efc75c,#fc0b56);
		/* For Opera 11.1 to 12.0 */
		background: -o-linear-gradient(left,#16e359,#efc75c,#fc0b56);
		/* For Fx 3.6 to 15 */
		background: -moz-linear-gradient(left,#16e359,#efc75c,#fc0b56);
		/* Standard syntax */
		background: linear-gradient(to right, left,#16e359,#efc75c,#fc0b56); 
	}

	#my-challendges .challendgeProgress .progressbar:after{
		content: var(--content);
	    background-image: url(/images/stuz-for-white-background.png);
	    background-repeat: no-repeat;
	    background-position: 2px 18px;
	    position: absolute;
	    top: -28px;
	    left:  var(--position);
	    height: 45px;
	    width: 15px;
	}

	#my-challendges .challendgeProgress .progressbar:before{
		content: "";
		position: absolute;
		right: 0px;
		top: 0px;
		width: var(--position-grey);
		height: 10px;
		background-color: #ff8785;
	}

	#my-challendges .challendgesContainer .challendgeProgress:nth-child(n+2) .leftUserImage img{
		border: 1px solid orange;
	}

	#my-challendges .challendgesContainer .challendgeProgress:nth-child(n+3) .leftUserImage img{
		border: 1px solid green;
	}

	#my-challendges .challendgesContainer .challendgeProgress:nth-child(n+4) .leftUserImage img{
		border: 1px solid violet;
	}
/*Notification center*/
#notification_center .notification-sm-1 {
	border-bottom: 1px solid #000;
}

#notification_center h1 {
	padding: 15px 0;
}

#notification_center .list-campaigns-rows {
    border-bottom: 1px solid gray;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

#notification_center .list-charts {
    margin-top: 50px;
}

#notification_center .list-details {
	margin-top: 50px;
}

#notification_center .circle_progress {
	float: left;
}

#notification_center .h4-campaign-name {
	margin-top: 5px;
}

#notification_center .roundline::after {
	  background: url(/images/stuz-for-white-background.png) 0 0 no-repeat;
}

#notification_center icon {
    margin-right: 10px;
}

#notification_center icon img {
    width: 70px;
    height: 70px;
    border-radius: 80px;
    border: 2px solid #f73737;
}

#notification_center times {
    display: block;
    padding-left: 25px;
    font-size: 13px;
    position: relative;
    margin-bottom: 10px;
}

#notification_center times::before {
    content: "";
    position: absolute;
    left: 0px;
    background: url(/images/time.png) 0 0 no-repeat;
    background-size: 100% 100%;
    width: 18px;
    height: 18px;
}

#notification_center .accept-challenge {
    border: 1px solid #009a3d;
    background: #009a3d;
    color: #fff;
    width: 48%;
    float: left;
    margin-right: 4%;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

#notification_center .reject-challenge {
    border: 1px solid #f73737;
    background: #f73737;
    color: #fff;
    width: 48%;
    float: left;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

#notification_center description {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 13px;
}

#notification_center > .col-sm-6 {
    margin-bottom: 50px;
    border-right: 1px solid #000;
    padding-right: 40px;
    padding-left: 0px;
    padding-bottom: 30px;
}

#notification_center h4 {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 25px;
}

#notification_center .h4-campaign-name {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: -15px;
    margin-left: 15px;
}

#notification_center description {
    display: block;
    width: 100%;
    margin-top: 30px;
    font-size: 13px;
    margin-bottom: 30px;
}

#notification_center .notifications-details {
    margin-bottom: 50px;
    border-right: 1px solid #000;
    padding-right: 40px;
    padding-left: 0px;
    padding-bottom: 30px;
}

#notification_center .notifications-details:nth-child(even) {
    border-right: 0px solid;
    padding-left: 40px;
    padding-right: 0px;
}

#notification_center .list-campaigns-rows > div{
    padding-bottom: 20px;
}

#notification_center .list-campaigns-rows > div:nth-child(2n+1){
    border-right: 1px solid gray;
}

#notification_center .donut{
	font-size: 13em;
    float: none;
    margin: 47px auto;
}
	
	#notification_center .donut h5{
		color: #333;
	}
/*End notification center*/

	
	
/*End My challendges*/
/*Sales manager challaenges*/
.laufende-challenge {
	border: 1px solid #009a3d;
    background: #009a3d;
    color: #fff;
    width: 23%;
    float: left;
    margin-right: 1%;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.historie-challenge {
	border: 1px solid #009a3d;
    background: #fff;
    color: #009a3d;
    width: 10%;
    float: left;
    margin-right: 4%;
    font-size: 13px;
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.row-chalenges-sales-manager {
	border-bottom: 1px solid #000;
    padding-bottom: 40px;
    margin-bottom: 10px;
    margin-left:10px;
}

.white-btn {
	background-color: #fff;
}
.historie {
	display: none;
}

.sales-manager-overview-h2 {
	margin-bottom: 25px !important;
}

.laufende > div > div:nth-child(odd),
.historie > div > div:nth-child(odd) {
    border-right: 1px solid #000;
}

.laufende > div,
.historie > div {
	padding: 20px;
	border-bottom: 1px solid #000;
}	

.laufende > .col-sm-6:nth-child(even) {
	border-right: 0px solid;
    padding-left: 40px !important;
    padding-right: 0px !important;
}

/*.historie > div > div{
    margin-bottom: 50px;
    border-right: 1px solid #000;
    padding-right: 40px;
    padding-left: 0px;
    padding-bottom: 30px;
}*/

.historie > .col-sm-6:nth-child(even) {
	border-right: 0px solid;
    padding-left: 40px !important;
    padding-right: 0px !important;
}

.laufende > .col-sm-6::before {
	content: "";
    position: absolute;
    width: 101%;
    height: 1px;
    top: 100%;
    margin-top: 25px;
    border-top: 1px solid #000;
    left: 0px;
}

/* START SHOW VIEW */
.shop h2{
	font-weight: bold;
    font-size: 30px;
    margin-bottom: 20px;
}
.shop h4{
	font-weight: bold;
    font-size: 20px;
    margin-top:50px;
}

.shop .search_box{
	width: 100%;
    background-color: #009a3d;
    color: #fff;
    padding: 15px 25px;
    border: 0px solid #fff;
    background-image: url(/images/search3.png);
    background-position: 98% 16px;
    background-repeat: no-repeat;
    margin-bottom: 0px;
    margin-top: 30px;
}
.shop .search_box:focus,.shop .search_box:active{
	border:0px solid #fff !important;
	outline: 0px solid #fff;
}
.shop .search_box::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: white !important;
}
.shop .search_box::-moz-placeholder { /* Firefox 19+ */
  color: white !important;
}
.shop .search_box::-ms-input-placeholder { /* IE 10+ */
  color: white !important;
}
.shop .search_box::-moz-placeholder { /* Firefox 18- */
  color: white !important;
}
.shop .product_search_h4{display:none;}
.shop .top_seller .product_list,
.shop .product_view .product_list,
.shop .product_search .product_list,
#details_view_accepted_campaign .product_view .product_list
{
	width:19%;
	margin-left:1.2%;
	margin-top:1.2%;
	float:left;
	-webkit-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	padding:15px;
	cursor:pointer;
}

.shop .top_seller .product_list:hover,
.shop .product_view .product_list:hover,
.shop .product_search .product_list:hover{
	-webkit-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
}

.top_seller .product_list:nth-child(5n+1),
.product_view .product_list:nth-child(5n+1),
.product_search .product_list:nth-child(5n+1){
	margin-left:0px;
}

.shop .product_list .product_image,
#details_view_accepted_campaign .product_image{
	display:block;
	width:100%;
	text-align: center;
	height:200px;
	overflow: hidden;
	border-bottom: 1px solid #d6d6d6;
}

.shop .product_list .product_name,
#details_view_accepted_campaign .product_list .product_name{
    font-size: 13px;
    height: 90px;
    margin-top: 10px;
    overflow: hidden;
}
.shop .product_list .product_price{
	margin-top:15px;
	margin-bottom:10px;
	color:red;
}
.shop .product_list .product_price span{
	font-weight: bold;
}

.shop .product_list .product_addtocart input,
#details_view_accepted_campaign .product_list .product_addtocart input{
	width:100%;
	border:1px solid #009a3d;
	background:#009a3d;
	color:#fff;
	padding:10px;
	font-weight: bold;
}
/* END SHOP VIEW */


/* START SHOP PRODUCT VIEW */
.shop-product h2{
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #009a3d;
    padding-bottom: 20px;
}
.shop-product .product_description_container{
	border-bottom: 1px solid #009a3d;
    padding-bottom: 30px;
}
.shop-product h5{
	font-weight: bold;
    font-size: 16px;
    margin-top:40px;
    margin-bottom: 40px;
}

.shop-product .product_description_container .col-sm-6,
.shop-product .product_description_container .col-sm-2,
.shop-product .product_description_container .col-sm-10{
	padding:0px;
}

.shop-product .product_small_image{
	border:1px solid #009a3d;
	margin-bottom: 5px;
	width:40px;
	height:40px;
	cursor: pointer;
}
.shop-product .product_small_image:hover,.shop-product .product_small_image.active_image{
	border:1px solid red;
}
.shop-product .product_big_image_container{
	height:500px;
	overflow: hidden;
}
.shop-product .product_big_image_container .product_big_image{
    width: 100%;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.shop-product .product_details{
	padding-left:20px !important;
}

.shop-product .product_name{
	font-size:18px;
	font-weight: bold;
}

.shop-product .product_price{
	margin-top:15px;
	margin-bottom:10px;
	color:red;
}

.shop-product .product_selection{margin-top:50px;margin-bottom: 40px;}
/*.shop-product .product_selection select{display: none;}*/
.shop-product .product_selection .select-fake a{
	position: relative;
	line-height: 13px;
}
.shop-product .product_selection .select-fake a::after{
	content:"";
	position: absolute;
    right: 7px;
    top: 11px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #000 transparent transparent transparent;
}
.shop-product .product_addtocart input{
	width:180px;
	border:1px solid #009a3d;
	background:#009a3d;
	color:#fff;
	padding:10px;
	font-weight: bold;
}

.shop-product .product_spec_row{
	border-top:1px solid grey;
	border-left:1px solid grey;
	border-right:1px solid grey;
	position:relative;
	background:#ececec;
}
.shop-product .product_spec_row:last-child{
	border-bottom: 1px solid grey;
}
.shop-product .product_spec_row > div:first-child{
	padding:5px 25px;
	background:transparent;
	float:left;
	height: 100%;
    width: 50%;
	position: relative;    
}
.shop-product .product_spec_row > div:last-child{
	padding:5px 25px;
	border-left:1px solid grey;
	background:#fff;
	float:left;
	width:50%;
    position: relative;
}

 .product_similar_container .product_list{
	width:19%;
	margin-left:1.2%;
	margin-top:1.2%;
	float:left;
	-webkit-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 9px -2px rgba(0,0,0,0.75);
	padding:15px;
	cursor:pointer;
}
.shop-product .product_similar_container .product_list:hover{
	-webkit-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 17px -2px rgba(0,0,0,0.75);
}
.product_similar_container .product_list:nth-child(5n+1){
	margin-left:0px;
}

.shop-product .product_similar_container .product_list .product_image{
	display:block;
	width:100%;
	text-align: center;
	height:200px;
	overflow: hidden;
	border-bottom: 1px solid #d6d6d6;
}

.shop-product .product_similar_container .product_list .product_name{
    font-size: 13px;
    height: 90px;
    margin-top: 10px;
    overflow: hidden;
}
.shop-product .product_similar_container .product_list .product_price{
	margin-top:15px;
	margin-bottom:10px;
	color:red;
}
.shop-product .product_similar_container .product_list .product_price span{
	font-weight: bold;
}

.shop-product .product_similar_container .product_list .product_addtocart input{
	width:100%;
	border:1px solid #009a3d;
	background:#009a3d;
	color:#fff;
	padding:10px;
	font-weight: bold;
}
/* END SHOP PRODUCT VIEW */

/*START SHOPPING CART */
.shopping-cart h2{
 	font-weight: bold;
    font-size: 30px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}
.shopping-cart .cart_product{
    border-bottom: 1px solid #5f5f5f;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.top_product_cart .cart_product:first-child{
 	border-top: 1px solid #5f5f5f;
 	padding-top:20px;
}
.cart_product_image img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	max-width: 100%;
}
.cart_product_name a{
	font-size:14px;
	font-weight: bold;
	color:#000;
	cursor:pointer;
}

.cart_product_points,
.cart_product_subtotal_points{
	color:red;
}
.delete_item{color:red;text-decoration: underline;cursor:pointer;margin-top:10px;}
.total_in_cart{
	font-size:15px;
	color:#000;
	font-weight: bold;
}
.total_in_cart span{
	color:red;
}
.shopping_cart_icon{
    background: url(/images/shopping_cart.png) 0 0 no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: 15px;
    margin-right: 20px;
    margin-left: 20px;
    position:relative;
    cursor:pointer;

}
.shopping_cart_icon > span{
    font-size: 10px;
    display: block;
    text-align: center;
}
.shopping_cart_icon_added{
	background: url(/images/cart2.gif) 0 0 no-repeat;
}


.shopping-cart  #cancel_adduser,.adduser input[type=submit]{
	padding:10px 20px;
	border-radius: 0px;
}
.shopping-cart  button[type=submit]{
	padding:10px 20px;
	border-radius: 0px;
	background:#009a3d;
	border:1px solid #009a3d;
	color:#fff;
	margin-top:30px;
}
.shopping-cart  input[type=checkbox]{
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: sub;
}
.shopping-cart  label{margin-top:20px;}
.shopping-cart input[type="text"],
.shopping-cart  input[type="email"],
.shopping-cart  select{
    width: 100%;
    border: 1px solid #009a3d;
    padding: 10px 20px;
    margin-top: 10px;
    background:#fff;
}
.shopping-cart .order_form{margin-top:100px;}

.ordersubmit h1{font-size:20px;text-align: center;}
.cart_quantity input{width:50px; text-align: center;}
/*END SHOPPING CART */

#campaign_steps .multiselect-container>li{
	width: 100%;
}
/*Details view accepted campaign*/

.shop h5{
	margin-top: 40px;
}

#campaign_steps .step-6 .hidden-group ul>li>a>img{
	width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 2px solid #9ee430;
}

.campaign-draft  input{
	font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    font-weight: bold;
}

#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) email.selected, 
#create-challendge #step-1 .usersContainer .userItem div:nth-child(2) description.selected{
	color: #fff;
}

	#navbar #logout{
		position: absolute;
	    left: 60px;
	    top: 34px;
	    color: red;
    	cursor: pointer;
    	text-decoration: none;
	}

.chartContainer{
	padding-top: 100px;
}

#campaign_steps .step-5 .switch-button{
	margin-top: 40px;
}
/*All circles in the system*/
.donut {
	width: 180px;
    height: 180px;
    float: right;
    position: relative;
    margin-top: 44px;
    margin-left: 20px;
}

.donut-size{
	font-size: 13em;
}

.donut  .pie-wrapper .label{
	color: #333;
	top: 0.20em;
}

.donut .pie-wrapper .smaller {
    padding-bottom: 20px;
    color: #333;
    font-size: .45em;
    vertical-align: super;
    position: absolute;
    top: 45px;
    left: 42%;
    width: 20px;
    height: 67px;
}

.donut .pie-wrapper .line{
	position: absolute;
    top: 119px;
    left: 32px;
    width: 85px;
    border-bottom: 1px solid #bab8b8;
}

.donut  .pie-wrapper .shadow{
	border: 0.15em solid #B1B2B3;/*Circle default color and dimensioon ROT*/
}

.donut .pie-wrapper .half-circle{
	border: 0.15em solid #95C11C;/*Circle progress background and dimension GRUEN */
}
.donut h5{
	position: absolute;
    top: -36px;
    text-align: center;
    width: 100%;
    font-weight: bold;
    color: #fff;
}
/*End circles*/

#my-challendges > h2{
	padding-left: 15px;
	padding-right: 15px;	
}

@media only screen and (max-width : 1420px) {
	.products-pictures {
		width: 100%;
		height: initial;
	}

}  
@media only screen and (max-width : 1315px) {
	#details_view_accepted_campaign .product-details-pictures {
		height: 465px;
	}
} 

@media only screen and (max-width : 1158px) {
	#details_view_accepted_campaign .product-details-pictures {
		height: 500px;
	}
} 


.historie > .col-sm-6::before {
	content: "";
    position: absolute;
    width: 101%;
    height: 1px;
    top: 100%;
    margin-top: 25px;
    border-top: 1px solid #000;
    left: 0px;
}
/*End Sales manager challanges*/
/* Large Devices, Wide Screens */    
@media only screen and (max-width : 1200px) {  
	#challenges-overview times {font-size:12px;}
	/*.campaign_infos .col-sm-2{min-height: 100px;}*/
	.campaign-draft .campaign_infos .col-sm-2{
		min-height: initial;
	}

	/*.campaign_infos1 .col-sm-4{min-height:150px;}*/
	.verlauf{height:auto;overflow: auto;padding-bottom: 40px;}
	.verlauf_text{margin-top:10px;}
    body #body {
      margin-top: 140px;
      margin-bottom: 20px;
    }
    footer {
       padding: 5px 30px;
    }

    .campaign-name-desktop {
   		display: block;
    }

    #details_view_accepted_campaign .commonButton {
    	 padding: 8px 17px;
    }

   #details_view_accepted_campaign .common-button-white {
   		padding: 8px 10px;
   }
}    

/* Medium Devices, Desktops */    
@media only screen and (min-width: 768px) and (max-width : 992px) {

	.users .users-container> div:nth-child(2n+1){
		border-right: 1px solid grey;
	}

}
/* Medium Devices, Desktops */    
@media only screen and (max-width : 992px) {    

	.campaign_name h1{
		font-size: 25px;
		border-right: none;
		border-bottom: 1px solid #fff;
	}

	.graph{width:450px;height:225px;}
	.single_campaign_user icon{display:block;}
	.single_campaign_user icon img{margin-bottom:20px;margin-right: 0px;}
	
	#list_campaigns .list-campaign-charts-first-col {
		padding-left: 0px !important;
	}

	#list_campaigns .list-campaign-charts-second-col {
		padding-left: 0px !important;
	}

	#details_view_accepted_campaign .product-details-pictures {
		height: 595px;
	}
	.shop .top_seller .product_list,
	.shop .product_view .product_list,
	.shop .product_search .product_list,
	.shop-product .product_similar_container .product_list{
		width:32%;
		margin-left:1.5%;
		margin-bottom: 1.5%;
	}
	.top_seller .product_list:nth-child(3n+1),
	.product_view .product_list:nth-child(3n+1),
	.product_search .product_list:nth-child(3n+1),
	.product_similar_container .product_list:nth-child(3n+1){
		margin-left:0px;
	}

}    
@media only screen and (min-width : 992px) { 
	.users .users-container> div:nth-child(2n+1){
		border-right: none;
	}

	.users .users-container> div:nth-child(3n+2){
		border-left: 1px solid grey;
		border-right: 1px solid grey;
	}
}
/* Small Devices, Tablets */    
@media only screen and (max-width : 768px) { 
	.users .dnu{
		line-height: 20px
	}

	.campaign-draft #ziel-table,
	.campaign-draft #ziel-table tbody,
	.campaign-draft #ziel-table tbody td,
	.campaign-draft #ziel-table tbody tr{
		display: block;
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+2){
		margin-left: 30%;
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+2):before{
		position: absolute;
		left: 50px;
		color: #009a3d;
    	font-size: 16px;
    	font-weight: bold;
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+2):before{
		content: "Vorperiode";
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+3):before{
		content: "Ziel";
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+4):before{
		content: "Punkte";
	}

	.campaign-draft #ziel-table tbody td:nth-child(n+5):before{
		content: "unteres Zielniveau";
	}

	.campaign-draft #ziel-table thead{
		display: none;
	}

	#list_campaigns .list-campaigns-details{
		margin-left: 40%;
	}

	.details-view-accepted-btn, .details-view-accepted-btn-2{
		margin-top: 0px;
	}

	.ranglis-border{
		border-right: none;
		padding-bottom: 20px;
		border-bottom: 1px solid #009a3d;
	}

	#notification_center .list-campaigns-rows{
		border-bottom: none;
	}

	#notification_center .list-campaigns-rows > div{
    	border-bottom: 1px solid gray;
	}

	.laufende > div > div:nth-child(odd),
	.historie > div > div:nth-child(odd) {
    	border-right: none;
	}

	.laufende > div > div,
	.historie > div > div{
    	border-bottom: 1px solid #000;
	}

	.laufende > div,
	.historie > div{
		border-bottom: none;
	}

	#list_all_campaigns .list-campaigns-rows > div:first-child{
		border-right: none;
	}

	.linie_dreapta:nth-child(even) .right_event::after{
		left: -18px;
		right: initial;
		border-top: 1px solid #ef1616;
	}

	.linie_dreapta:nth-child(even) .right_event::before {
	    left: -23px;
	    right: -initial;
	    background-color: #ef1616;
	}

	.linie_dreapta:nth-child(even) .left_event img{
		margin-left: 0px;
		margin-right: 15px;
	}

	#campaign_steps .select-input{
		height: auto;
	}

	#campaign_steps .select-fake ul{
		position: initial;
	}

	#list_campaigns .list-campaigns-rows a:nth-child(odd)>div{
		border-right: none;
	}

	#list_campaigns .list-campaigns-rows a>div{
		border-right: none;
		border-bottom: 1px solid gray;
	}

	#list_all_campaigns .list-campaigns-rows > div{
		border-bottom: 1px solid gray;
	}

	.campaign_name .donut{
		float: none;
		margin: 40px auto;
	}

	.campaign_infos .col-sm-2:last-child{
		border-bottom: 0px;
	}

	.campaign_infos1 .col-sm-6:nth-child(2n+2){
		padding-left: 0px;
	}

	#campaign_steps .period-p p{
		padding-left: 15px;
	}

	footer h1{
		font-size: 25px;
	}

	#campaign_steps .groups-step-6{
		margin-top: 10px;
	}

	#create-challendge #step-4 textarea{
		padding: 5px;
	}

	#navbar #logout{
		left: 80px;
	}

	#campaign_steps .p-step-3, #campaign_steps .p-step-3-1{
		margin:0px;
	}

	#campaign_steps .active-period{
		background-image: none !important;
	}

	.navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(2)>a:hover, 
	.navbar-default .navbar-nav>li:nth-child(2).open>a, 
	.navbar-default .navbar-nav>li:nth-child(2).open>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(2).open>a:hover{
		background-color: initial;
		color: initial;
	}

	.navbar-default .navbar-nav>li>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(3)>a:hover, 
	.navbar-default .navbar-nav>li:nth-child(3).open>a, 
	.navbar-default .navbar-nav>li:nth-child(3).open>a:focus, 
	.navbar-default .navbar-nav>li:nth-child(3).open>a:hover{
		background-color: initial;
		color: initial;
	}

	.navbar-nav>li:nth-child(3)>.dropdown-menu, 
	.navbar-nav>li:nth-child(3) .dropdown-menu>li, 
	.navbar-nav>li:nth-child(3) .dropdown-menu>li a,
	.navbar-nav>li:nth-child(2)>.dropdown-menu, 
	.navbar-nav>li:nth-child(2) .dropdown-menu>li, 
	.navbar-nav>li:nth-child(2) .dropdown-menu>li a{
		background-color: initial !important;
	}

	.select-input a{
	    padding: 10px 10px 10px 50px;
	}

	.shop .top_seller .product_list,
	.shop .product_view .product_list,
	.shop .product_search .product_list,
	.shop-product .product_similar_container .product_list{
		width:49%;
		margin-left:2%;
		margin-bottom: 2%;
	}

	#details_view_accepted_campaign .product_view .product_list{
		width: 48%;
		margin-left:2%;
		margin-bottom: 2%;
	}

	.top_seller .product_list:nth-child(2n+1),
	.product_view .product_list:nth-child(2n+1),
	.product_search .product_list:nth-child(2n+1),
	.product_similar_container .product_list:nth-child(2n+1){
		margin-left:0px;
	}
	
	#challenges-overview > .col-sm-6:nth-child(odd){
		padding-left: 0px;
    	padding-right: 0px;
    	padding: 20px;
	}

	.editgrup input[type="text"], .editgrup textarea{
		padding: 10px;
	}
	
	.editgrup .user_2_add .col-sm-12 .theicon icon img{
		width: 60px;
		height: 60px;
		border-radius: 60px;
	}


	.editgrup .remove,
	.editgrup .adauga {
		position: absolute;
	    top: 0px;
	    right: 0px;
	    margin-top: 0px;
	}
	.editgrup .user_added, .editgrup .user_2_add{
		height: auto;
	}

	.editgrup > .hh:nth-child(2){
		display: none;
	}

	.addgrup input[type="text"], .addgrup textarea{
		width: 100%;
	}

	.allgrups .gruppen{
		width: 100%;
	}

	.users .userItem > div{
		padding: 0px;
	}

	.users .userItem > div icon img{
		width: 60px;
		height: 60px;
		border-radius: 60px;
	}

	.users > div{
		min-height: auto;
		border-right: none;
	}

	.users .search_box{
		margin-bottom: 10px;
    	margin-top: 10px;
	}

	.users .dnu {
	    margin-top: 8px;
	    padding-left: 10px;
	    height: 36px;
	}
	.users .add-the-user icon{
		width: 40px;
		height: 40px;
		line-height: 40px;
	}

	.editgrup .user_added .col-sm-12 .theicon icon img{
		width: 60px;
	    height: 60px;
	    border-radius: 60px;
	}

	#challenges-overview > .col-sm-6{ padding:20px;border:0px solid; }
	#challenges-overview > .col-sm-6::before{
		width: 100%;
	}
	#challenges-overview h2{padding-left:20px;}
	#challenges-overview times{margin-top:10px;}
	#challenges-overview description{margin-top:70px;overflow: auto;height: auto;}
	 footer{
        	position: initial;
      	}  
	.campaign_name{height:auto; text-align:center;}	
	.circle_progress {
	    float:none;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	    margin-top: 40px;
	}
	.circle_puncte {
		float:none;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	    margin-top: 40px;
	}

	.circle_progress2 {
	    float:none;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 40px;
	    margin-top: 40px;
	}
	.campaign_infos .col-sm-2{
		width: 100%;
	    border-bottom: 1px solid;
	    border-right: 0px;
	    text-align: center !important;
	}
	.campaign_infos{margin-bottom: 0px;}
	.campaign_infos1 .col-sm-4{border:0px solid;width:90%;margin-left:auto;margin-right:auto;padding:0px !important;}
	.campaign_infos1 .col-sm-4 .row .col-sm-6:first-child {  margin-top: 10px; } 
	.campaign_infos1 .col-sm-4 .row .col-sm-6{width:50%;float:left;}
	.campaign_infos1 .col-sm-4 { margin-top: 50px;margin-bottom:0px;min-height: auto;}
	.campaign_infos1 .col-sm-4:last-child{margin-bottom: 50px;}
	.rzt{border-bottom: 0px solid;}
	.rzt ul li a{margin-right:10px;}
	/*.rangliste_table_head{display: none;}*/
	.rangliste_table_body{height:auto;text-align: center;}
	#timeline .left_event {
    /* display: none; */
	    position: absolute;
	    left: -49px;
	}
	#timeline  .linie_dreapta .left_event{
		text-align: left;
	}

	#timeline .right_event{width:100%;float:left;}

	#timeline .end,#timeline .start{margin-left:-30px;}
	#timeline .end::before,#timeline .start::before{left:0px;}
	.theline::before {
		left:0px;
		margin-left:-31px;
	}
	.linie_stanga .right_event::before{
		content: "";
	    width: 13px;
	    height: 13px;
	    background: #009a3d;
	    border-radius: 15px;
	    top: -6px;
	    left: -23px;
	    position: absolute;
	}
	.linie_stanga .right_event::after{
	    content: "";
	    width: 20px;
	    height: 1px;
	    border-top: 1px solid #009a3d;
	    top: -1px;
	    left: -18px;
	    position: absolute;
	}
	.linie_dreapta .right_event .col-sm-2,.linie_stanga .right_event .col-sm-2{float:left;padding-left:15px;padding-right:15px;width:20%;}
	.linie_dreapta .right_event .col-sm-10,.linie_stanga .right_event .col-sm-10{float:left;padding-left:15px;padding-right:15px;width:80%;}

	.linie_stanga .right_event icon img{margin-left:0px;}
	.linie_stanga .right_event .col-sm-10 name,.linie_stanga .right_event .col-sm-10 action{text-align: right;}

	#timeline{ width:90%;margin-left:40px; }
	.graph{width:100%;}
	.zielerreichung{
		position:relative;
		left:auto;
		top:25px;
	}

	.single_campaign_user {text-align: center !important;margin-top:30px;margin-bottom: 30px;}

	#list_campaigns .list-campaign-charts-first-col {
		border: none !important;
	}

	.campaign-name-desktop {
   		display: none;
   }

   .h4-campaign-name {
   	margin-top: 20px !important;
   	margin-bottom: 20px !important;
   }

   #list_campaigns .past-campaigns {
   	padding: 0px !important;
   }

   .list-campaigns-rows {
		margin-top: 0px !important;
		/*text-align: center !important;*/
   }

   #list_campaigns .list-details {
   	margin-top: 0px !important;
   }

   #list_campaigns .circle_progress,
   #list_all_campaigns .circle_progress {
   	float: none !important;
   }

    .past-campaigns {
    	text-align: center !important;
    }

 #list_campaigns .list-chats-border-bottom-past-campaigns{
    	border-bottom: none !important;
    }

    #list_campaigns .list-chats-border-bottom {
    	margin-left: 28px !important;
    	display: none;
    }

    /*new campain*/
    #campaign_steps .circle,
    #campaign_steps .white-circle{
    	width: 25px;
    	height: 25px;
    }

    #campaign_steps .p-step,
    #campaign_steps .p-active-step,
    #campaign_steps .p-completed-step,
    #campaign_steps .col-sm-1-custom .line{
    	display: none;
    }

    #campaign_steps .col-sm-1-custom:nth-of-type(even){
    	display: none;
    }

    #campaign_steps .campaign-text-input,
    #campaign_steps .date-picker-input,
    #campaign_steps input[type="text"],
    #campaign_steps input[type="number"]{
    	width: 100%;
    }

    #ui-datepicker-div {
	    top: 305px !important;
	    left: 0px !important;
	}

	.ui-widget.ui-widget-content {
	    border: 1px solid #009a3d;
	    width: 100%;
	}

	#campaign_steps  .step-4 .period-row .col-sm-1-custom{
		display: block;
	}
  
  	.campaign-draft .campaign_infos .col-sm-2{
  		width: 100%;
  		border-right: none;
  		border-bottom: 1px solid #a7a7a7;
  	}

  	.campaign-draft .campaign_infos{
  		border: none;
  	}

  	.campaign-draft .campaign-draft-tabel thead,
  	.campaign-draft .campaign-draft-tabel thead tr,
  	.campaign-draft .campaign-draft-tabel thead th,
  	.campaign-draft .campaign-draft-tabel tbody,
  	.campaign-draft .campaign-draft-tabel tbody tr,
  	.campaign-draft .campaign-draft-tabel tbody td{
  		display: block;
  	}
    /*end new campaign*/
    
     #details_view_accepted_campaign .product-details-pictures { 
		width: 100%;
		margin-left: 0px;
    }
   #details_view_accepted_campaign .zuzsatzwette {
    	display: none;
    }

    #details_view_accepted_campaign .zielerreichung {
    	display: none;
    }

   #details_view_accepted_campaign .button_right_quick {
   		right: 40px;
   		top: 165px;
    }

     #details_view_accepted_campaign .button_right_slow {
   		right: 65px;
   		top: 165px;
    }

    #details_view_accepted_campaign .button_left_slow {
    	left: 75px;
    	top: 165px;
    }

    #details_view_accepted_campaign .button_left_quick {
    	left: 48px;
    	top: 165px;
    }
	
	#details_view_accepted_campaign .slider-container {
		padding-left: 0px;
	}

	#details_view_accepted_campaign .commonButton {
    	 padding: 8px 10px;
    	 margin-bottom: 10px;
    	 /*margin-left: -18px;*/
    }

   #details_view_accepted_campaign .common-button-white {
   		padding: 8px 3px;
   		 /*margin-left: -18px;*/
   }

   	.products-pictures {
		width: initial;
	}


    /*Menu*/
	.navbar-default .navbar-toggle{
            background: #009a3d;
	    border-radius: 44px;
	    height: 44px;
	    width: 44px;
	}	

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar .nav>li{
		border: none !important;
		padding-left: 20px;
	}

	.navbar ul.navbar-right{
		background-color: #fff;
		float: right;
		width: 90%;
	}

	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
		    background: #fff;
			color: inherit;
	}

	.navbar-nav>li>.dropdown-menu, .dropdown-menu>li, .dropdown-menu>li a{
		background-color: inherit !important;
		color: inherit !important;
		float: inherit;
	}

	.navbar ul.navbar-right{
		position: relative;
		padding-top: 60px;
	}

	.navbar .nav>li:last-child{
		position: absolute;
		top: 0px;
		left: 10px;
		border-bottom: 1px solid #009a3d;
	}

	.navbar .nav li>div:first-child{
		border-bottom: 1px solid #009a3d;
		height: 60px;
	}

	.navbar .navbar-brand h1 {
	    margin-top: 12px;
	    padding-bottom: 0px;
	    padding-left: 10px;
	    font-size: 25px;
	}
        .navbar .navbar-brand img {
            padding-left: 5px;
            max-width: 250px;
            
        }

    /*End menu*/

    /*challenge*/
    #create-challendge #header .item>div{
    	width: 30px;
    	height: 30px;
    	line-height: 30px;
    	border-radius: 30px;
    }
    #create-challendge #header .item::before{
    	border:none;
    }

    #create-challendge #header .item:nth-child(2)>p{
    	left: 19%;
    }

    #create-challendge #header .item:nth-child(3)>p {
    	left: 18%;
	}

	#create-challendge #header .item:nth-child(4)>p {
	    right: 0px;
	    top: 33px;
	}

	#create-challendge #header .item:nth-child(1)>p{
		font-size: 13px;
	}

	#create-challendge #step-1 .usersContainer>div:nth-child(3n+2)>div.userItem{
		border:none;
	}
    /*end challendge*/

    /*my challendges*/
    #my-challendges #challendgeInfo div:nth-child(2){
    	border-left: none;
    	border-right: none;
		border-top: 1px solid #ccc;
    	border-bottom: 1px solid #ccc;
	}
    /*end my challendges*/
}

  

/* Extra Small Devices, Phones */     
@media only screen and (max-width : 480px) { 

  #notification_center .circle_progress {
     	float: none;
     }

     #notification_center .notifications-details {
	     margin-bottom: 0px; 
	     border-right: none; 
	     padding-right: 0px; 
	     padding-left: 0px; 
	     padding-bottom: 0px; 
	}

	#notification_center description {
		margin-top: 65px;
	}

	#notification_center h4 {
		padding-left: 10px;
	}

    /*.rzt ul li a{width: 80px;padding: 0px;padding-top: 9px;}   */
    #forgotPasswordForm .commonButtonOrange{
      margin-top: 10px;
    }

     #list_all_campaigns .tabsContainer button{
     	width: 100%;
     	margin-bottom:10px;
     }

   #details_view_accepted_campaign .common-button-white {
   		padding: 8px 10px;
   		width: 100%;
   }

   #details_view_accepted_campaign .product-details-view-accepted-campaign h4 {
   	 float: none; 
     margin-right: 0px; 
     margin-top: 0px; 
   }

   .accepted-campaign-h1 {
   		border-right: none;
   }

   #details_view_accepted_campaign .product-details-pictures {
		height: initial;
	}
 	.shop .top_seller .product_list,
	.shop .product_view .product_list,
	#details_view_accepted_campaign .product_view .product_list, 
	.shop .product_search .product_list,
	.shop-product .product_similar_container .product_list{
		width:100%;
		margin-left:0;
	}
	.shop .top_seller .product_list:nth-child(2n+1),
	.shop .product_view .product_list:nth-child(2n+1),
	.shop .product_search .product_list:nth-child(2n+1),
	.shop-product .product_similar_container .product_list:nth-child(2n+1){
		margin-left:0px;
	}

	.shop-product .product_spec_row > div:first-child,
	.shop-product .product_spec_row > div:last-child{
		position:relative;
		width:auto;
		padding-left:2px;
		padding-right:2px;
		border:0px solid;
		left:auto;
		background:transparent;
	}
	.shop-product .product_spec_row:nth-child(odd){
		background:#ececec;
	}

     .historie-challenge {
     	width: 95%;
    	margin-right: 0px;
    	margin-left: 10px;
    	margin-bottom: 15px;
     }

	 .laufende-challenge {
		width: 95%;
		margin-right: 0px;
		margin-left: 10px;
		margin-bottom: 15px;
	}

	.row-chalenges-sales-manager {
	     margin-right: 0px;
	     margin-left: 0px;
	 }

	 .laufende > .col-sm-6:nth-child(odd) {
		  border-right: 0px solid;
    	  padding-left: 20px !important;
    	  padding-right: 0px !important;
	 }

	 .historie > .col-sm-6:nth-child(odd) {
		  border-right: 0px solid;
    	  padding-left: 20px !important;
    	  padding-right: 0px !important;
	 }

	 .laufende > .col-sm-6:nth-child(even) {
		  border-right: 0px solid;
    	  padding-left: 20px !important;
    	  padding-right: 0px !important;
	 }

	 .historie > .col-sm-6:nth-child(even) {
		  border-right: 0px solid;
    	  padding-left: 20px !important;
    	  padding-right: 0px !important;
	 }

	.historie button.accept-challenge {
	 	width: 97% !important; 
	 }

	 .laufende button.accept-challenge {
	 	width: 97% !important; 
	 }

	 #campaigns_summary .campaigns-summary-row-2-bottom {
	 	    border-bottom: none;
	 }

	 .campaign_infos1 .col-sm-4:nth-child(2n+1), .campaign_infos1 .col-sm-4:nth-child(2n+4) {
	 	padding-right: 0px;
	 }
}    

/* Custom, iPhone Retina */     
@media only screen and (max-width : 320px) {    
	#list_campaigns .list-campaigns-details{
		margin-left: 28%;
	}
}

@media only screen and (max-width : 425px) {    
	#list_campaigns .list-campaigns-details{
		margin-left: 30%;
	}
}

/* tablets*/     
@media only screen and (min-width : 480px) and (max-width: 768px){ 
    #list_all_campaigns .circle_progress{
    	width: 150px;
    	height: 150px;
    }  
}

@media only screen and (width: 768px){ 
	.navbar ul.navbar-right{
		padding-top: 10px;
	}

	.navbar ul.navbar-right{
		float: left !important;
	}

	.navbar .nav>li:last-child{
		left: initial;
		right: 10px;
	}

	.navbar ul.navbar-right{
		width: 100%;
	}
}


@media only screen and (min-width : 768px) and (max-width: 991px){ 
	#list_campaigns .list-campaigns-details{
		margin-left: 43%;
	}

	#list_campaigns .list-campaigns-rows a>div {
	    border-right: none;
	    border-bottom: 1px solid gray;
	}

	#list_campaigns .list-chats-border-bottom{
		border-bottom: none;
	}
}
@media only screen and (min-width : 768px) and (max-width: 1024px){ 

	.users icon img {
	    width: 100%;
	    height: 100%;
	    border-radius: 50%;
	    border: 2px solid #3b9908;
	}

	.users .add-the-user icon{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}

	.editgrup .user_added .col-sm-12 .theicon icon img,
	.editgrup .user_2_add .col-sm-12 .theicon icon img{
		width: 60px;
		height: 60px;
		border-radius: 50%;
	}

	.editgrup email,
	.editgrup name{
		word-break: break-all;
	}

	.editgrup .remove{
		right: 10px;
	}

	#create-challendge #header{
		margin-top: 20px;
	}

	#challenges-overview .row-chalenges-sales-manager{
		margin-top: 20px;
	}

	#my-challendges{
		margin-top: 40px;
	}
}

@media only screen and (min-width : 768px) and (max-width: 1200px){ 
	#create-challendge #step-1 .usersContainer>div:nth-child(3n+2)>div.userItem{
		border-left: none;
		border-right: none;
	}

	#create-challendge #step-1 .usersContainer>div:nth-child(2n+1)>div.userItem{
		border-right: 1px solid grey;
	}

	#create-challendge #step-1 .usersContainer>div{
		border-right: none;
	}

	.laufende > div > div:nth-child(odd),
	.historie > div > div:nth-child(odd) {
    	border-right: none;
	}

	.laufende > div > div,
	.historie > div > div{
    	border-bottom: 1px solid #000;
	}

	.laufende > div,
	.historie > div{
		border-bottom: none;
	}
}

@media only screen and (max-width : 375px){
	#campaign_steps .buttons-container a{
		margin-right: 15px;
	}
}

@media only screen and (min-width : 1024px){

	.users .dnu{
		line-height: 76px
	}
}