body, html {position: relative}
body, .ui-widget { font: 14px 'Open Sans',sans-serif !important; color: #414141 !important; line-height:20px;}
.mod_article *[class*="ce_"], .mod_article *[class*="mod_"] {
    margin-left: 0px;
    margin-right: 0px;
}


fieldset{border:none;}
fieldset::after { content: '';display: block;clear: both;}

#header .inside {margin: 0 auto; width: 1500px;}
#wrapper{margin: 0 auto 0 auto; max-width: 1500px !important; width: auto;}
#header { border-top: 4px solid #414141; background-color:white; position: fixed; width: 100%; left:0; top:0; z-index: 50;}
#header .inside {border-bottom:1px solid #cacaca; height:62px;}
#header .inside::after { content: '';display: block;clear: both;}
.logo_customer_wrapper{}
.logo_customer{text-align:right;}
#container { margin-top:70px; width: 1500px;}
body.nomw > div > div#container {width:100%;}
.nomw #header .inside {max-width:1500px;width: none; width: unset;}
h1, h2 {margin:0; padding:0;}
h1 {font-size:24px; line-height:40px; font-weight:600; color:#FE8F02}
h2, .h2 {font-size:14px; line-height:20px; font-weight:600; color: black}

a{text-decoration:none; color:#FE8F02;}
a:hover, .ui-state-default a:hover{ text-decoration: underline !important; color:#0868AC;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{ color: #FE8F02 !important; text-decoration:none;}
.color {color: #FE8F02;}
.bold {font-weight:bold;}
.head_box{width:60%; position: absolute; z-index:200; margin-top:-100px}


.row {padding: 0px 10px; margin:0 -10px}
.headline{background:white; height:80px;}
.headline h1{padding:20px 0 20px 10px}
.headline::after { content: '';display: block;clear: both;}
.row_head_wrapper ,.col_header_row {text-transform: uppercase; color:white; background-color: #FE8F02;}
.row_table_wrapper{background:white;}
.uneven, .even{margin-top:10px;}
.row_table_wrapper .inner{}



.headlineImg{float:left; width:40px; }
.headlineImg i {margin:5px; font-size:24px;}
.headlineImg img {height:80px; width:auto}
.headlineText{float:left; margin-left:10px; line-height:34px; font-size:20px; width:1100px;}
.headlineTextProzWidth{float:left; margin-left:10px; line-height:34px; font-size:20px; width:90%;}
.headlineIcons{float:left; width:700px; padding-top:7px; }
.headlineIcon{float:left; width:140px}
.headlineTextFilter{cursor:pointer; float:right; margin-right:5px; line-height:34px; font-size:12px; width:100px;}
.buttonEdit, .buttonLeft{border:1px solid #FE8F02; cursor:pointer; line-height:28px !important; height:28px; width:28px; background-color:white; color:#FE8F02; float:right; margin:3px 10px 0 0 ; text-align:center; overflow:hidden; transition: all 0.5s ease;}
.buttonEdit i, .buttonLeft i{line-height:28px !important;}
.buttonEdit:hover, .buttonLeft:hover{color:white; background:#FE8F02;}
.buttonLeft{float:left; margin:0 0 0 0 ;}
.buttonLeftText{float:right; width:95px; line-height:15px; font-size:12px;}

.headlineIcon .buttonLeft, .smallIcon{border-radius:10px; line-height:18px !important; height:18px; width:18px;}
.headlineIcon .buttonLeft i, .smallIcon i{font-size:16px; line-height:18px !important;}
.headlineIcon .buttonLeftText {float:right; width:115px; line-height:20px;}

.detail_label{font-size:11px; color:#777}

button{cursor: pointer}
button, .button, .submit, .buttonNewTask, input[type="submit"] {background-color: #ddd; background-image: none !important; border:0px; border-radius:0px; color:#434343; line-height:20px; font-size:14px; margin:5px; }
button:hover, .button:hover, .submit:hover, .buttonNewTask:hover, input[type="submit"]:hover {background-color: #ccc;  border:0px; color:#333; }

.buttonNewTask i{font-size:12px; line-height:20px;}

.cl, .clear { clear: both; line-height: 0px; height: 0px; }
.hide, .invisible {display:none;}

#navi_top{color:#8e634a; position:fixed; top:35px; margin-left:210px;  width:700px; z-index:2010;
    font-size: 12px; font-weight:bold;
    text-transform: uppercase;}

.mod_navigation a {color: #414141; text-decoration:none !important; display: block;
    padding: 0;}
.mod_navigation a:hover, .mod_navigation li.active a, .mod_navigation li.trail a, span.active{color:#FE8F02; border-bottom:3px solid #FE8F02;  transition: all 0.5s ease;}
.mod_navigation li {float:left; margin: 0px 10px 0 10px; list-style-type: none; height:40px;}
.mod_navigation li span, .mod_navigation li a{padding-bottom:13px;}


#navi_top li.submenu:hover ul {display: block;}
#navi_top .submenu ul {display: none; padding-left: 5px; z-index: 30; position: fixed; margin-top: 0px; background-color: #FFF;}

#navi_top .level_2 li{float: none; padding: 5px; margin: 0px; height: auto; font-weight: normal; border-bottom: 1px solid white;}
#navi_top ul.level_2 a:hover, #navi_top ul.level_2 li.active a, #navi_top ul.level_2 li.trail a, #navi_top .level_2 span.active{color:#FE8F02; border-bottom:0px solid #FE8F02;}
#navi_top ul.level_2 a, #navi_top ul.level_2 li a, #navi_top .level_2 span{color: #414141; border-bottom:0px solid white;}
#navi_top ul.level_2 span.active {padding-bottom: 13px;display: block;}
#navi_top ul.level_2 li.active {padding-left: 0px;}
#navi_top ul.level_1 > li.submenu > a {pointer-events: none;}
.level_2 {display:none;}


.logout{float:right; width:500px;}
.logout p{width:300px; float:left;}
.logout .submit_container {width: 100px;  float:left; display:block}
.login .submit_container{display:block}
.logout input, .logout input:hover{border:none; background:none; line-height:24px; margin:0; font-weight:bold;}
.logout input:hover{color:#FE8F02}
.logout a{color:#414141;}
.logout a:hover{color:#FE8F02}

.logo{float:right; width:200px; font-size:11px; text-align:left; margin:30px 0 0 0;}
.logo_vpuls{float:left; width:200px; font-size:11px; text-align:left; margin:27px 0 0 0;}
.logo_hrpuls{float:left; width:228px; text-align:left; margin:10px 0 0 0;}
.logo_hrpuls img{width:228px;}

select.grid1, label.grid1, input.grid1, select.grid2, label.grid2, input.grid2, select.grid3, input.grid3, label.grid3, select.grid4, label.grid4, input.grid4, select.grid5, label.grid5, input.grid5, select.grid6, label.grid6, input.grid6
{width:100% !important; margin:0 !important}
input.grid1, label.grid1, input.grid1, input.grid2, label.grid2, input.grid2, input.grid3, input.grid3, label.grid3, input.grid4, label.grid4, input.grid4, input.grid5, label.grid5, input.grid5, input.grid6, label.grid6, input.grid6
{width:100% !important; margin:0 !important}
form div.grid1, form div.grid2, form div.grid3, form div.grid4, form div.grid5, form div.grid6{margin-left:10px !important; margin-right:10px !important;}
select{padding: 3px 6px}
.hr{margin:10px 0 0 0; border-bottom:1px solid grey;}

#login_form_background { text-align: center; top: 0; left: 0; width: 100%; height: 100%; position: fixed; z-index: -2; background: rgba(0,0,0,0.6);}
#login_form .formbody { padding: 20px; width: 300px; margin: 100px auto 100px auto; background: white; border: 1px solid #F65A23; border-radius: 0px;}
#login_form { text-align: center; top: 0; left: 0; width: 100%;  height: 100%; position: fixed; z-index: -1000; display: none;}


.use_grid4 .item{
    float:left; 
    margin:3px;   
    width: 300px;
    padding:3px;
    border:1px solid #999;
    height: 120px;
    overflow:hidden;
    border-radius:0px; 
}

.grid16 {
    width: 1240px;
}



.filter_hide{display:none;}

.sortable .ui-state-default {   margin:5px 0 5px 0;
  padding: 3px;
  height:100px; 
  overflow:hidden;
  background:none;
  border-radius:0px; 
  background-color:white !important; 
}

.ui-state-default {background:#f4f4f4; background-image:none; margin-bottom:5px;}

.company_list_wrapper {
  padding: 3px;
  display:block;
  height:136px; 
  overflow:hidden;
  border-radius:0px; 
  background-color:white; 
  border:1px solid #999; 
  margin-top:10px;
  margin-bottom:10px;
}

.ui-dialog {}
.sortable .ui-state-default {height:160px;}
.ui-state-default.item i {cursor:pointer !important;}
.ui-dialog-content div{margin:5px 0 5px 0;}
.mce-container  div{margin:0px;}
.ui-dialog-content div::after { content: '';display: block;clear: both;}
.ui-dialog-content label{float:left; width:150px; font-size:12px;}
label{font-size:12px;}
.ui-dialog-content input {float:left; width:550px;}
.ui-dialog-content .submit_container {position:fixed; z-index:50000; margin:-50px 0 0 0 }
.ui-widget-header {background:white !important; border-width:0px !important;}
.ui-dialog-titlebar{font-size: 20px; line-height: 34px; font-weight:normal !important; border-bottom: 3px solid #999}


#kanban-board { width: 100%;}
.kanban-title{background-color:#FE8F02 !important; color:white; padding:0 !important; text-align: center; line-height: 28px; font-weight: normal !important;}
.headerRow th { background-image:none !important} 

.sortable-wrapper {float: left;border-left:1px solid white;background-color:#bbb;}
.sortable {min-height:100px;padding:3px}
.ghost {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);opacity: 0.4;border-style: dashed;}
.dragging {  -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8;}
.drag-place-holder {height: 0px !important;margin-top: -5px; overflow: hidden; border-bottom: 2px dashed blue;} 
.ui-state-default.item {cursor:move;}

.kanban-title{padding:5px; font-weight:bold; background-color:white;}
.kanbanBox {font-size:12px; line-height:16px; border-radius:0px;}
.kanbanBox div{overflow:hidden; display:block}

.candidate_details, .job_details {padding:1px 0 1px 0}
.job_details{background:#e6e6e6}
.member_details {}

.candidate_details .candidate_name, .job_details .job_title {font-weight:bold; height:32px; margin:2px 0;}
.candidate_name, .candidate_job_title {width:78%; float:left; height:32px;}
.candidate_name {height:50px;}
.member_avatar{width:20%; text-align:right;}
.member_avatar img {height:40px; width:auto; max-width:100%}
.candidate_details .candidate_job_title {height:32px;}
.job_details .job_title  a {font-style:italic; color:#555 !important; font-weight:normal;}
.candidate_details .candidate_mobile {height:20px;}


.job_details{height:48px; overflow:hidden}
.job_details .company_title, .job_details .member_name{height:16px;}
.job_details .company_title a {}
.job_details_img{max-width:100%; width:auto;  height:auto; max-height:40px; margin:2px 0 0 4px;}

.status_command_icon, .status_mail_icon {float:right;}
.other_details {height:48px;}
.other_details img { margin:5px; max-height:36px; max-width:30px; } 
.status_details .status_date{float:left; width:90%}
.status_details .status_command_icon, .status_mail_icon {float:right; width:10%; text-align:right; color:#cecece}
.avatarImage{height:30px; width:Auto; vertical-align:  middle;}
.avatarImageBig{height:auto; width:100%; vertical-align:  middle;}
.avatarImageBigHead{height: 70px;background-repeat: no-repeat;background-size: contain;background-position: right;padding-right: 75px;}
.commend_wrapper{z-index:-5}
.status_date_change{font-size:10px;}
.next_date{color:#FE8F02; font-weight:bold;}
.height100 .inline{height:100px; overflow:auto}
.height200 .inline{height:200px; overflow:auto}
.height400 .inline{height:432px; overflow:auto}
.half{float:left; width:50%;}

.candidate_matrix td, .candidate_matrix th{font-size:10px !important;}
.candidate_matrix select{width:80px; }
.candidate_matrix  .tabledate{width:58px; overflow:hidden; font-size:9px; float:left; line-height:20px;}
.candidate_matrix .status_command_icon, .status_mail_icon {float:right; width:20px;}
.responsible img{height:30px; width:Auto; vertical-align:  middle;}


.google-visualization-table-table {font-size:12px !important;}
.detail_left{float:left; width:130px; display:blck; padding:5px 5px 0 5px;}
.detail_right{float:left; width:1280px;}
.cursor{cursor:pointer;}

#kanban-board::after { content: '';display: block;clear: both;}
.detail_wrapper{background-color:#f8f8f8;}
.detail_wrapper [class*="grid"] {
    margin-top: 10px;
    margin-bottom: 10px;
    
}
.detail_wrapper .inline{border:1px solid #FE8F02; padding:5px; min-height:150px; border-radius:0px; background-color:white;}


#f14 label{display:none;}


.error{color:red !important; font-weight: bold !important;}
.error::placeholder{color:red !important; font-weight: bold !important;}
.error_border{border: 1px solid red !important;}
p.error{display:none;}
.cancel{color:red !important; border-color:red !important;}
.apply_btn{color:#FE8F02 !important; border-color:#FE8F02 !important; background-color: #FFF !important; width: 250px; margin-top: 20px;}
.button-text-no-icon{padding: 0.7em 2em !important; font-size: 18px; font-weight: bold;}
.cancel .ui-icon{ background-image: url('https://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png') !important;}
.save{color:green !important; border-color:green !important}
.save .ui-icon{ background-image: url('https://download.jqueryui.com/themeroller/images/ui-icons_008000_256x240.png') !important;}
.filterBoxWrapper {margin:0 0 10px 0}
.filterSingleBoxWrapper {float:left; width:350px; margin:0 5px 0 0;}
.filterTitle {width: 140px;float: left; }
.filterBox {display: block;cursor: pointer; border: 1px solid #bbb ;margin-top: 3px; line-height:24px; padding:0 4px}
.filterBoxIcon {float:right; width:40px; text-align:right;line-height:24px; height:24px; overflow:hidden; padding:0; }
.filterOverlay {position: absolute; z-index: 10; border: 1px solid #bbb ;line-height:20px; font-size:12px; padding:4px; width:340px; background-color:white; display:none;}
.filterOverlayInner{max-height: 400px; overflow: auto;}
.filterOverlayLine{}
#tl_member_11 {width:600px; margin:20px auto 20px auto;}
#tl_member_11 .avatar{width:100px; height:auto;}
.morePieWrapper{display:none;}


#mobi_navi_button {display: none; }
#profil_einstellung {margin:10px auto; float: none; display: block;}

@media (max-width: 767px) {
    #einstellungen {padding-top: 20px;}
    .mobile_spacer {height: 40px;}
    .desktop_only{display:none !important; text-align:center;}
    .mobile_only{display:block !important;}
    #header .inside{width: 100%}
    .logo_vpuls {display:none;}
    
    #head_wrapper_claim {width: 100%;}
    
    #navi_top {top:0px; padding:5px 0 5px 0; margin:0; display:block; width:100%}
    
    /* Mobi Navigation */
    #mobi_navi_button {float: right; display: block; margin: 20px 20px 0 0; color: #FE8F02;}
    .material-icons {font-size: 36px;}
    #navi_top {margin-top: 66px; background-color: white; display: none; font-size: 20px; font-weight: bold; line-height: 16px; text-transform: uppercase;}
    #navi_top ul {padding: 0;}
    #navi_top li {float: unset; border-bottom: 1px solid #cacaca; margin: 10px 0 0 0; padding: 0; padding-top: 7px;}
    #navi_top span, #navi_top a {padding: 0 0 10px 10px;}
    #navi_top span.active {border-bottom: unset;}
    .mod_navigation a:hover, .mod_navigation li.active a, .mod_navigation li.trail a, span.active{color:#FE8F02; border-bottom: unset; transition: all 0.5s ease;}
    
/*    .logout{float:left; width:100%; margin: 5px;}
    .logout .submit_container {width: 100%; float:left; margin: 5px;}*/
    
    #profil_einstellung {margin:10px 0 10px 0px;}
    
}
.smallIcon{cursor:pointer; margin:2px 2px 0 0; border:1px solid #grey; color:#grey; transition: all 300ms ease; border-radius:0px; text-align:center;}
.smallIcon a i{color:#grey; transition: all 300ms ease}
.smallIcon:hover, .ASpuls .smallIconActive { background:#grey; color:white}

.highlightTable{padding:2px; text-align:center; border-radius:0px;}

.print {display:none}
.no_print{display: inline;}
@media print {
    .print{display:block;}
     table img, .headlineImg, #header, #anker_kanban, .logo_vpuls, .kpi_wrapper, .no_print, #moegliche-kandidaten, .buttonEdit, .change_task, #logs, #navi_top, .logout,.job_detail_head {display:none;}
    #header{}
    .headlineText{width:auto;}
    .job_detail_body{width:auto !important;margin: 4% 0% !important;}
    .as_head,#wrapper{width:auto !important;}
    .google-visualization-table-table,.google-visualization-table { page-break-inside:auto !important; max-height:auto !important; height:auto !important; }
    tr    { page-break-inside:avoid; page-break-after:auto }
}

.google-visualization-table-page-number.current , .google-visualization-table-page-number{font-size:16px !important;}

.main_title{
    border-bottom: 1px solid #cacaca;
    margin: 15px 0 0 0;
    padding: 0 0 5px 5px;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    display: block;
    color: #FE8F02;
}

.box{transition: all 0.5s ease;
    width: 245px;
    float: left;
    margin: 5px 5px 5px 0;
    background: #f0f0f0;
    line-height:16px;
    font-size:14px;
    overflow:hidden;
}
.table_head_wrapper{margin:20px 0 0 0; line-height:20px; font-size:11px; text-transform: uppercase; border-bottom: 1px solid #cacaca;}

.table_head{ width: 245px; float: left;margin: 0 5px 0 0;}

.table_head0_5, .box0_5{width:120px;}
.table_head2, .box2{width:495px;}
.table_head3, .box3{width:745px;}
.table_head4, .box4{width:995px;}
.table_head5, .box5{width:1245px;}
.table_head6, .box6{width:1455px;}

.box:hover{ background: #ddd;}

.float, .float_l{float:left;}
.float_r{float:right;}
.half{width:50%; float:left;}
.third{width:35%; float:left;}
.third2{width:63%; float:left;}
.quarter{width:18%; float:left;}
.quarter3{width:80%; float:left;}
.quarter i {color:#999; line-height:14px; font-size:14px;}

.box .small{line-height:16px; font-size:11px;}
.image_container, .image_container_double, .image_container_tl{margin:0; background-position: center center; background-repeat: no-repeat; background-size: contain; display:block; }
.image_container_tl{background-position: left top; height: 100% }
.box_h0_1{height: 4px;}
.box_h1{height: 36px;}
.box_h2{height: 52px;}
.box_h3{height: 68px;}
.box_h3_border_bottom{height: 40px; padding-bottom:2px; margin-bottom:5px; border-bottom:1px solid white;}
.box_h4{height: 84px; }
.box_h5{height: 100px; }
.box_h6{height: 116px; }
.box_h8{height: 148px; }
.box_h12{height: 212px; overflow:auto;}
.box_h18{height: 308px; overflow:auto;}
.box_h24{height: 404px; overflow:auto;}
.box_h36{height: 596px; overflow:auto;}
.box_h48{height: 788px; overflow:auto;}

.box_h1 .image_container{height: 16px; width:16px;}
.box_h2 .image_container{height: 32px; width:32px;}
.box_h3 .image_container{height: 48px; width:48px;}
.box_h3 .image_container_double{height: 48px; width:96px;}
.box_h4 .image_container{height: 64px; width:64px;}
.box_h5 .image_container{height: 80px; width:80px;}
.box_h6 .image_container{height: 96px; width:96px;}

.box_h3 .avatarImage{height:48px; width:Auto; vertical-align:  middle; padding-left:2px;}
  
.box_inner{padding: 10px; display: block; overflow:auto;}
.box_inner_no_overflow{overflow:hidden;}
td .box_h1, .box_inner .box_h1{height: 16px; overflow:hidden;}
td .box_h2, .box_inner .box_h2{height: 32px; overflow:hidden;}
td .box_h3, .box_inner .box_h3{height: 48px; overflow:hidden;}
td .box_h3_border_bottom, .box_inner .box_h3_border_bottom{height: 40px; padding-bottom:2px; margin-bottom:5px; border-bottom:1px solid white; overflow:hidden;}
td .box_h4, .box_inner .box_h4{height: 64px; overflow:hidden;}
td .box_h5, .box_inner .box_h5{height: 80px; overflow:hidden;}
td .box_h6, .box_inner .box_h6{height: 96px; overflow:hidden;}
td .box_h8, .box_inner .box_h8{height: 128px;}
td .box_h12, .box_inner .box_h12{height: 192px;}
td .box_h18, .box_inner .box_h18{height: 288px;}

.third .image_container{margin:0 0 0 0;}

.italic{font-style:italic;}

.smallIconTable{line-height:14px; cursor:pointer; margin:0 2px 0 0; border:1px solid grey; transition: all 300ms ease;  text-align:center; width:18px;}
.smallIconTable a i{color:#FE8F02; transition: all 300ms ease; font-size:12px}
.smallIconTable:hover {background:#FE8F02; border:1px solid #FE8F02;}
.smallIconTable:hover a i{color:white; }

.piechart_inner{margin:8px 0 0 8px; z-index:100; position:absolute; width:64px; height: 32px; border-radius:64px 64px 0 0; background-color:white; text-align:center; line-height:64px; font-size:14px; }
.piechart_innerBottom{margin:40px 0 0 -20px; z-index:101; position:absolute; width:120px; text-align:center; }
#piechart {position: relative;width: 80px;height: 80px;margin:8px auto 0 auto;}
.piece {position: absolute;width: 80px;height: 80px;clip: rect(0px, 80px, 80px, 40px);border-radius: 40px;}
.pie_center_line{ margin:4px 0 0 55px; z-index:101; position:absolute; background:black; width:2px; height:10px;}
.piece-inner { position: absolute; width: 80px; height: 80px; clip: rect(0px, 40px, 80px, 0px);border-radius: 40px;-webkit-backface-visibility: hidden;}

.sub_navi_wrapper{ border-bottom: 1px solid #cacaca; margin: 20px 0 20px 0; padding: 10px 0 5px 0; font-size: 14px; line-height: 20px; display: block;}
.sub_navi_title{width: 9%;    float: left;    margin: 0 1% 0 5px;    line-height:20px;    font-size:11px;}
.sub_navi{    width: 70%;    float: left;    margin: 0 1% 0 0;    text-transform: uppercase;    height: 20px;}
.sub_navi_wrapper::after, .sub_navi::after{ content: '';display: block;clear: both;}
.sub_navi_wrapper ul {    list-style: none; padding:0; margin:0 0 0 5px;}
.sub_navi li{ list-style: none; float: left;  margin:0; padding:0 20px 0 0;}
.sub_navi li a{font-weight:normal; color:#414141; line-height:20px;}
.sub_navi li a:hover, a.sub_active{ color:#FE8F02 !important;text-decoration:none !important;padding-bottom:5px;border-bottom:3px solid #FE8F02;}

.grey, a.grey{color:#414141}
.light_grey, a.light_grey{color:#999}

.as_head{ margin-bottom: 0px;}
.as_customer_logo{float:right; width:35%; text-align:right;}
.as_customer_logo img{max-height:60px; width:auto;margin-top:20px;}
.breadcrumb{line-height:40px; font-size:12px; width:60%; float:left; padding: 0 0 0 5px;}
.breadcrumb_text{float:left; padding:0 5px;}
.breadcrumb_text a{color: #999; text-decoration:none; transition: all 0.5s ease;}
.breadcrumb_text a:hover{color: #FE8F02 !important; text-decoration:underline;}
.FilterIconWrapper{margin-top:40px; position:absolute; z-index:1000; float:left; width:200px;; cursor:pointer; transition: all 0.5s ease;}
.FilterIconI{float:left; width:18px; height:18px; line-height:18px; border:1px solid #FE8F02; background:#FE8F02; text-align:center; margin-left:5px; color:white; transition: all 0.5s ease;}
.FilterIconI i{font-size:18px; }
.FilterIconText{font-size:12px; float:left; width:150px; margin-left:5px; line-height:20px; transition: all 0.5s ease;}
.FilterIconWrapper:hover .FilterIconText{color:#FE8F02}
.FilterIconWrapper:hover .FilterIconI{color:#FE8F02; background:white;}
.filterWrapper{padding-bottom:20px; position:absolute; z-index:1; width:1500px; background: rgba(220,220,220,0.8); display:none; border-top:1px solid #414141;}
.filterWrapper .ce_form{margin:10px 0 0 125px;}
.filterWrapper input, .filterWrapper select{width:375px; margin:10px 0 0 0; border:1px solid #414141; border-radius:0;}
.filterWrapper ul.tagit{width:365px; margin:10px 0 0 0; height:50px; border-radius:0; border:1px solid #414141;}
.filterWrapper label{text-align:right;width:115px; margin:13px 10px 0 0; float:left;}
.filterWrapper ul.tagit li{display: inline}
.filterWrapper .save{margin-left:250px; width:250px; border:1px solid #414141;}

.table_div .google-visualization-table-table th{background:none; line-height:20px; font-size:11px; text-transform: uppercase; border-bottom: 1px solid #cacaca; text-align:left; vertical-align: bottom; font-weight: normal}
.table_div .google-visualization-table-table .headerRow{background:none;}
.table_div .google-visualization-table-table td{background: #f0f0f0; line-height:16px; font-size:14px; height:64px; overflow:hidden; border:solid white; border-width:5px  5px 5px 0; padding:5px;}
.table_div .google-visualization-table-table td .small{line-height:16px; font-size:11px;}
.td6 .google-visualization-table-table th{width: 250px;}

#head_wrapper{width:100%; background-size:cover; background-repeat: no-repeat; text-align:center;}
.head_wrapper_as{height:535px; background: url('/files/img/hrp_produkt_ActiveSourcing.jpg');}
#head_wrapper h1 {
    color: #f15a23;
    font-size: 48px;
    margin-top: 100px;
    line-height: 58px;
    border-bottom:0px;
}
#head_wrapper p {
    padding: 0;
    font-size: 24px;
    color: #222;
    margin: 30px 0 0 0;
    line-height: 30px;
    font-style: italic;
    font-weight: 300;
}
.login_wrapper{margin:10px auto 0 auto; width:230px;}
.ui-corner-all{border-radius:0}


.short_job_offer_list_div {
    
}

.short_job_offer_list_row {
    border-top: 1px solid #cccccc;
    padding: 20px 20px;
}

.short_job_offer_list_date {
    font-size: 14px;
}

.short_job_offer_list_job_title {
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #FE8F02;
}

.short_job_offer_list_locaion {
    font-size: 17px;
}
.row_content_m {margin-right: 4%; margin-left: 4%;}
.job_detail_body{
    margin: 4% 4%;
    font-size: 16px;
    line-height: 28px;
}
.job_detail_body_button_back {
    padding: 60px 0;
    background-color: white;
    font-size: 16px;
    line-height: 28px;
}

.job_detail_header {
    font-size: 36px;
    line-height: 36px;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #FE8F02;
    text-align: center;
}

.job_detail_sub_title{
    font-size: 25px;
    line-height: 28px;
    margin: 60px 0 10px 0;
    color: #FE8F02;
}

.job_detail_customer_description {
    margin-top: 25px;
}

/*.job_detail_duties, .job_detail_profile, .job_detail_company_benefit {
    font-size: 14px;
    line-height: 21px;
}*/

.job_detail_conclusive_words {
    text-align: center;
    font-style: italic;
}

.center_p_h1 {
    text-align: center;
    font-weight: bold;
    font-size: 36px;
    color: #FE8F02;
}

.job_detail_application{
    margin-top: 60px;
}

.job_detail_contact {
    margin-top: 150px;
}    

.job_detail_contact_name {
    font-weight: bold;
    color: #FE8F02;
    margin-bottom: 0px;
}

.job_detail_contact_informations {
    display:flex;
}

.job_detail_contact_informations_img {
    margin-left: auto;
    margin-right: 5px;
}

.job_detail_contact_informations_data {
    margin-right: auto
}

.contact_data_box {
    padding-bottom: 5px;
}

.text-small {
    line-height: 20px;
    font-size: 14px;
}

.job_detail_social_media_application, .job_detail_online_application, .div-center-content, .job_detail_social_media_application_headline {
    text-align: center
}
.job_detail_social_media_application {padding-bottom: 0px;}

.job_detail_social_media_application_headline {padding-top: 60px; margin-bottom: -20px;}

.social-icon-link-image {
    height: 40px;
}

.social-icon-link {
    padding: 0 12px;
}

.social-mail {
    position: relative;
    font-size: 58px;
    top: 25px;
}

.application_font_design {
    font-size: 16px;
    line-height: 28px;
} 


.sub_title_application {
    font-size: 25px;
    font-weight: 300;
    margin-top: 10px;
    margin-bottom: 5px;
    color: #FE8F02;
}




.spacer_border_top {
    border-top: 1px solid #cccccc;
    margin: 40px 0px;
}
.spacer_no_border_p {padding: 20px 0px;}
.spacer_no_border {margin: 20px 0px;}
.spacer_no_border_half  {margin: 10px 0px;}



.file_name_headline {float: left;}
.file_name {}
.delete_file {}
.file_container {float: left; padding-left: 10px; padding-right: 10px;}

.log_styles_candidate { font-size: 10px;line-height: 16px;}

.border_class {
    border: 2px solid #f0f0f0; 
    height: 100%
}

.mt10 {margin-top: 10px; }
.mt20 {margin-top: 20px; }
.mt30 {margin-top: 30px; }
.mt40 {margin-top: 40px; }

.m-0-0 {margin: 0px 0px; }
.m-5-5 {margin: 5px 5px; }
.m-10-10 {margin: 10px 10px; }

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

.p-t-10 { padding-top: 10px; }
.p-t-15 { padding-top: 15px; }
.p-t-20 { padding-top: 20px; }

.p-r-30 { padding-right: 30px; }
.p-r-100 { padding-right: 100px; }

#apply_form_div {
    display: grid;
}

.bewerbungs_form_group_field {
    float: left;
    width: 50%;
}

.bewerbungs_form_group_input {
    width: 90%;
}

.bewerbungs_form_group_input > input, .bewerbungs_form_group_input > select {
    width: 100%
}

.bewerbungs_form_bg {
    background-color: #f39a74;
}

.my_submit_button, .pw_forget input.submit ,input.my_submit_button_form {
    background-color: #FE8F02 !important;
    border: 0px solid white  !important;
    color: #FFF !important;
}

.my_submit_button:hover, input.hr_submit_action_button_small:hover, .pw_forget input.submit:hover, input.my_submit_button_form:hover {
    background-color: #c63d09 !important;
}

.hr_action_link {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border-radius: 0px;
    text-decoration: none;
    color: initial;
    display: inline-block;
}

.hr_action_link:hover {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none !important;
    display: inline-block;
}

.hr_action_link:active {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-decoration: none;
    display: inline-block;
}


.hr_action_button, .hr_action_link, .hr_action_button_small {
    background-color: #FE8F02 !important;
    border: 0px solid white  !important;
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 20px;
    border-radius: 0px;
    padding: 10px 80px;
}

.hr_action_button_small {
    font-size: 16px;
    border-radius: 0px;
    padding: 10px 30px;
}

.hr_action_button:hover, .hr_action_button_small:hover {
    background-color: #c63d09 !important;
    text-decoration: none;
}


.hr_new_button{font-size:72px; font-weight:600; margin:0; padding:0; float:right; width: 80px; height:80px; border:0px; border-left:1px solid white; color:white; background:#ddd; transition: all 0.5s ease;}
.hr_new_button i {font-size:40px;}
.hr_new_button:hover{background-color: #FE8F02; border:0px; color:white; border-left:1px solid white;}

input.hr_submit_action_button {
    background-color: #FE8F02 !important;
    border: 0px solid white  !important;
    border-radius: 0px;
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 20px;
    padding: 10px 80px;
}

input.hr_submit_action_button_small {
    background-color: #FE8F02 !important;
    border: 0px solid white  !important;
    color: #FFF !important;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px 20px;
    border-radius: 0px;
}

input.hr_submit_action_button:hover {
    background-color: #c63d09 !important;
}

.hr_normal_button {
    background-color: #FFFFFF !important;
    border: 1px solid #ccc !important;
    border-radius: 0px !important;
    padding: 4px 15px;
    font-weight: bold;
}

.hr_normal_button:hover {
    border: 1px solid #FE8F02 !important;
    color: #FE8F02 !important;
    text-decoration: none;
}

.hr_normal_button.no_hover:hover {
    border: 1px solid #ccc !important;
    color: #434343 !important;
    text-decoration: none;
}

a.hr_normal_button:hover {text-decoration: none !important;}

div.pos_b_l_inner_div {
    position: absolute;
    bottom: 9px;
    left: 0px;
}

.col_0.reg_new_user, .col_1.reg_new_user {
    width: 50%;
}

.center-img {
    display: block;
    margin-left: auto;
    margin-right: auto; 
}

.login_pw_forget {margin-top: 20px;}
.login_pw_forget_link {font-size: 11px; text-transform: uppercase; color: #f15a23;}

.pub_chan_title {padding-bottom: 10px;}
.pub_chan_title > span > label {margin-bottom: 0px; cursor: pointer; font-size: 12px;}
.my_link_for_public_channels {padding-left: 20px; display: block; padding-bottom: 10px;}


.pub_chan_image > img { max-width: 150px; max-height: 50px; padding-left: 20px;}
.pub_chan_link {font-size: 12px; word-wrap: break-word;}
.pub_chan_icons {font-size: 16px; padding-right: 4px; cursor: pointer; float: left; }

.pub_chan_value_date {display: none;}

.my-modal-with-80 { width:80% !important; max-width: none !important;}
.my-modal-with-70 { width:70% !important; max-width: none !important;}
.my-modal-with-60 { width:60% !important; max-width: none !important;}
.my-modal-with-50 { width:50% !important; max-width: none !important;}
.my_modal_hr { width:70% !important; max-width: none !important;}

@media (max-width: 991px) {
    .my_modal_hr { width:80% !important; max-width: none !important;}
}

@media (max-width: 767px) {
    .hr_action_button, .hr_action_link, .hr_submit_action_button {max-width: 350px;}
    
    .my-modal-with-80 {width:100% !important; max-width: none;}
    .my-modal-with-70 {width:100% !important; max-width: none;}
    .my-modal-with-60 {width:100% !important; max-width: none;}
    .my-modal-with-50 {width:100% !important; max-width: none;}
    .my_modal_hr { width:90% !important; max-width: none !important;}
}

.modal-title { margin: 0px 0px 0px auto; }

.m-w-100 {min-width: 100px;}
.m-w-150 {min-width: 150px;}
.m-w-200 {min-width: 200px;}
.m-w-250 {min-width: 250px;}





.avatarImageKontaktBewerbung {
    height: 120px;
    width: Auto;
    vertical-align: middle;
    margin-left: auto;
    margin-right: 10px;
}

#ctrl_357 > span, #ctrl_513 span {
    display: block;
    padding-bottom: 10px;
}
#ctrl_357 > span > label,  #ctrl_513 label {
    margin-bottom: 0px;
    cursor: pointer;
}


.mod_navigation li span.active {
    padding-bottom: 14px;
}

.files_existing {
    padding-bottom: 30px;
}

.form_hrpuls_bootstrap select, .form_hrpuls_bootstrap input {
    width: 100%;
}

.form_hrpuls_bootstrap input[type="submit"] {
    width: auto;
}

.form_hrpuls_bootstrap .row {
    padding: 10px 0px;
    margin-right: 0px; 
    margin-left: 0px;
}

label.job_role_rnd_input {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
}

.my_col_1 {
    width: 150px;
    height: 150px;
    background:#f0f0f0;
    margin: 10px;
}
.my_inner_title {
   height:50px; line-height:20px; text-align:center;
}
.my_inner_testbox {
   margin-left: auto; margin-right: auto; width:25px; height:25px; line-height:20px; text-align:center;
}
.my_inner_date {
    line-height:20px; text-align:center; padding-top: 10px;
}
.my_bgc_red { background-color: red;}
.my_bgc_grey { background-color: #a0a0a0;}
.my_bgc_green { background-color: green;}

.my_bc_red { border-bottom: 4px solid red; height: 100%;}
.my_bc_grey {/* border-bottom: 4px solid #f0f0f0;*/ height: 100%;}
.my_bc_green { border-bottom: 4px solid green; height: 100%;}

.breadcrumb { background-color: #FFF; }

.pos_top-50-rel {
    top: -50px;
    position: relative;
}

#ajaxResponseModalErrorHeadline {color:red;}
#ajaxResponseModalErrorText {color:red;}

.status_cols {height: 116px; }
.status_cols_bg1 {background-color: rgba(92,128,242,.2) !important; }
.status_cols_bg2 {background-color: rgba(92,128,242,.4) !important; }
.status_cols_bg3 {background-color: rgba(92,128,242,.6) !important; }
.status_cols_bg1:hover {background-color: rgba(92,128,242,.3) !important; }
.status_cols_bg2:hover {background-color: rgba(92,128,242,.5) !important; }
.status_cols_bg3:hover {background-color: rgba(92,128,242,.7) !important; }
 .task_status_cols_width { width: 125px; max-width: none; flex: 0 0 125px;} 
 

.col_head_wrapper {padding-left: 0px; padding-right: 5px;}
.col_header_row {padding-left: 5px;}
.content_body_background {padding: 0 5px 0 0; }
.content_body_background_inner {background: white; padding: 10px 15px; height: 100%; transition: all 0.5s ease; border-radius: 0px; box-shadow: 0px 0px 0px #bbb;}
.content_body_background_inner:hover {}
.content_body_background_inner_out {background: rgba(255,255,255,0.7); color: #999;}
.content_body_background_inner_no_hover:hover {background: white;}
.row_task_status_detail {background: #EDF1F2; padding: 10px 0px; height: 100%; border-radius: 0px; box-shadow: unset;}
.row_task_status_detail:hover {background: #EDF1F2;}
.row_task_status_detail > div.row_head_wrapper {margin: 0px 5px}
.candidate_tasks_cols {height: 250px; }
.content_body_background_inner_out .candidate_tasks_entries {height: 100%;}



.candidate_tasks_dropdown {height: 20%;}
.my_col_box_task_status {flex: 0 0 12.5%; max-width: 12.5%;}
.text_big {font-size: 32px; line-height: 46px;}

.bewerbungs_task_image {max-height: 400px; overflow: hidden;}
.header_row {border-bottom: 1px solid #EDF1F2;}

.xing_button { display: block; width: 150px;}
.xing_button_link {background-color: #026466;display: block; margin: auto; height: 36px; font-size: 14px; line-height: 40px !important; padding: 0; vertical-align: top; text-shadow: none; border-radius: 0px; color: #fff!important; text-decoration: none!important;}
.xing_button_i {float: left; display: inline-block; margin: 5px 2px 5px; vertical-align: top; width: 35px;  height: 35px; margin-top: 0; line-height: 25px; 
    background: url('/files/img/xing_1.png') center center no-repeat;
    background-size: 25px;
}
.xing_button_span {display: inline-block; min-width: 80px; margin: 0; text-align: left; border-left: 1px solid rgba(0,0,0,.1); vertical-align: top; font-weight: 600; font-size: 14px!important; letter-spacing: 0; color: #fff!important; padding-left: 5px;}
.social_img_small {width:15px; padding-right:2px;}
.shadow_border { -webkit-box-shadow: -1px -1px 0px 0px #999; -moz-box-shadow: -1px -1px 0px 0px #999; box-shadow: -1px -1px 0px 0px #999;}
.shadow_border_herbrand { -webkit-box-shadow: -1px -1px 0px 0px #999; -moz-box-shadow: -1px -1px 0px 0px #999; box-shadow: -1px -1px 0px 0px #999;}

.hr_member_contact_img_box, .hr_member_contact_data_box, .hr_member_contact_text_box {float: left;}
.hr_member_contact_img_box {width: 20%; padding-bottom: 10px;}
.hr_member_contact_data_box {width: 80%; text-align: right;}
.hr_member_contact_name {}
.hr_member_contact_data {padding-top: 5px; }
.material_icons_member {font-size: 24px;color: #AAA;padding-top: 2px;}
.material_icons_p {vertical-align: middle;display: flex;vertical-align: middle;line-height: 1;margin-bottom: 5px;}
.material_icons_p i {font-size: 14px; padding-right:5px;}
.inner_row {padding: 0 0;}

.ui-datepicker-month, .ui-datepicker-year {float: left !important;}
.ui-datepicker-year {margin-left: 15px !important;}
.dropzone .dz-preview .dz-image {height: 100px !important; width: 100px !important;}
#myFileUpload_logo > div.dz-preview > div.dz-image {height: 46px !important; width: 230px !important;}
#myFileUpload_logo {width: 250px; min-height: 100px;}
.dropzone .dz-message {margin: 1em 0;}

.data_field > label, .date_field > label, .input_field > label, .select_field > label {font-size: 14px;}
.select_field > select {border-radius: 0px; padding: 5px 7px;}
.input_field > input {border-radius: 0px; padding: 5px 7px;}
.date_field > input {border-radius: 0px; padding: 5px 7px;}
.date_field > label {display: block;}
.date_field > img {width:30px;}
.data_field > div.myFileUpload {border-radius: 0px; padding: 5px 7px;}

.teaser_text_box {min-height: 180px; padding: 0 25px; font-size: 16px; line-height: 24px;}
.teaser_text_box_h {font-weight: bold; border-bottom:none; margin-top: 0px;}
.spacer_teaser_text_box {height: 50px;}
.bg_color_box {color:#999;margin-left: 10px; font-size: 24px;margin-top: 40px;padding: 30px;border-top: 1px solid #999; border-bottom: 1px solid #999;}

#account_einstellung {width: 100%;}
div.sub_headline {border-bottom: 1px #CCC solid;margin-bottom: 10px;}

#footer {background-color: #414141; width: 100%; position: absolute; bottom: -160px; left: 0; height: 60px;}
#footer .row {padding: 10px 0;}
.footer_spacer {height: 70px;}
.legal_rights {padding: 0 20px;}

.free_text_row {display: none; min-height: 125px}

.out_button {
    border-top: 1px #CCC solid;
    position: absolute;
    bottom: 0px;
    min-height: 61px;
    width: 85%;
    padding-top: 5px;
}

.image_delete_basket {color:#999;}
.image_delete_basket:hover {color:red;}
.dropzone.myFileUpload .dz-preview a.dz-remove {text-align: right;} 


#myFileUpload_candidateImage {width:160px; display:flex;}
#myFileUpload_candidateImage > .dz-image-preview {margin-right: auto;margin-left: auto;}

.tooltip{top:-70px !important;}
.tooltip-inner {background: #999;max-width: 600px; font-size: 12px;}
.tooltip.bs-tooltip-right .arrow::before {border-right-color: #999;}

.info_box_big {color: white; background-color: #FE8F02; padding: 20px 10px; width: 100%;}
.info_box_big_icon {float:left; padding-right: 20px;}
.info_box_big_icon > i {color:white}
.info_box_big_text {float:left; padding-top: 8px;}
.info_icon {color:#FE8F02; font-size: 16px;}
.smaller {font-size: 12px; line-height: 18px;}
.round_border {border: 1px #999 solid; border-radius: 0px; background-color: white; max-width: 680px; padding: 20px;}
.email_default_signature_edit {display: none;}

@media (max-width: 767px) {
    .my_col_box_task_status {flex: 0 0 50%; max-width: 50%;}
    .status_cols {height: 175px;}
    .task_status_cols_width { width: auto; max-width: none; flex: 0 0 50%;} 
    .h2_mobi {font-size: 24px;line-height: 36px;}
}
.dev_show {display: none !important;}

.task_title {padding-left: 0px; padding-bottom: 10px; padding-top: 20px; color: #FE8F02; font-size: 24px; font-weight: bold;}
.task_title_span {color: #FE8F02; font-size: 16px; font-weight: bold;}

.sortable_list {
    height: 100%;
    list-style-type: none;
}

body, .breadcrumb {background-color: #F4F4F4;}
body.white_bg, .white_bg div.breadcrumb, .white_bg {background-color: white;}
/* Sonderfall für die Navi, white_bg wird automatisch gesetzt weil die gesamte Seite die Klasse hat. Gesetzt im BE */
nav > ul > li.white_bg {background-color: unset;}
.sub_headline {font-size: 14px; font-weight: bold;}



.candidate_row {}
.header_row {margin:20px 0 10px 0; padding:0;
    background:url('https://ats.hrpuls.de/files/file_upload/background/header_bg.png');
    background-position: center top;
    background-size: 100%;
    line-height:20px; font-size:14px;
}
.header_row_content{margin:180px 0 0 0; background:white; width:100%}
.header_row_content_inner{margin: -170px 0 0 0; position: relative;}
.header_row_content_image {height:200px;}
.header_row_content_title {}
.header_row_content_title h1{margin-top: 160px;}
.single_row{display: inline-flex; vertical-align: middle; line-height: 18px; margin-top:2px; overflow:hidden; width:100%; height:18px;}
.single_row i{font-size:18px; margin-right:5px; color:#777;}
.single_row img{height:18px; width:18px; margin-right:5px;}
#myTags{border:none; line-height:20px; height:20px; margin:0; padding:0;}
#myTags .ui-state-default{background:none; border: 0px;}
#myTags li.tagit-choice-editable{padding: 0 18px 0 6px;}
span.tags, #myTags li {margin: 0 10px 0 0; padding:0; font-size:14px; list-style-type: none; border-bottom:1px solid grey; background:none;}
.tags::after { content: '';display: block;clear: both;}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{
padding:10px;}
.candidate_tasks_wrapper {height: 160px; overflow: auto;}
.candidate_tasks_wrapper_single {height: 40px; overflow: hidden;}
.candidate_comment {float:left; width:80%}
.calendar_wrapper, .status_step_counter{width:36px; height:36px; border:1px solid #999; background:white; line-height:18px; margin:1px 10px 0 0; float:left; text-align:center}
.calendar_day{color:#999; font-weight:600}
.calendar_month{background-color:#999; color:white; }
.candidate_tasks_wrapper_single_active .calendar_wrapper{ border-color: #FE8F02; }
.candidate_tasks_wrapper_single_active .calendar_month{ background-color: #FE8F02; }
.candidate_tasks_wrapper_single_active .calendar_day{color: #FE8F02; }

.status_log_done {border: 1px solid #c0c0c0;}

.status_step_wrapper::after { content: '';display: block;clear: both;}
.status_step_counter{font-size:24px; line-height:36px; font-weigh:600}
.status_step_active .status_step_counter {background-color: #FE8F02; color:white; border-color: #FE8F02;}


.social_button { display: inline-block; width: 150px;}
.social_button_link {display: block; margin: auto; height: 36px; font-size: 14px; line-height: 40px !important; padding: 0; vertical-align: top; text-shadow: none; border-radius: 0px; color: #fff!important; text-decoration: none!important;}
.xing_button_link   {background-color: #026466;}
.linkedin_button_link {background-color: #0077B5;}

.social_button_i {float: left; display: inline-block; margin: 5px 2px 5px; vertical-align: top; width: 35px;  height: 35px; margin-top: 0; line-height: 25px; 
/*    background: url('/files/img/xing_1.png') center center no-repeat;
    background-size: 25px;*/
}
.xing_button_i {
    background: url('/files/img/xing_1.png') center center no-repeat;
    background-size: 25px;
}
.linkedin_button_i {
    background: url('/files/img/linkedin_icon.png') center center no-repeat;
    background-size: 25px;
}
.social_button_span {display: inline-block; min-width: 80px; margin: 0; text-align: left; border-left: 1px solid rgba(0,0,0,.1); vertical-align: top; font-weight: 600; font-size: 14px!important; letter-spacing: 0; color: #fff!important; padding-left: 5px;}

.showLabel label{display:block; float:left; width:50%; font-weight:600; font-size:14px; }
.showLabel .atr_value{display:block; float:left; width:50%;}
.editText:hover{background:#efefef;}
.submit_container{display:none;}
#f61 .submit_container{display:block;} 
legend{font-size:14px; font-weight:600; line-height:28px; margin:0; padding:5px;}

form .widget{padding-top:5px; }
form .widget::after , .widget input::after{ content: '';display: block;clear: both;}
.widget label{float:left; width:12%; font-size:12px; line-height:28px; margin:0;}
.widget textarea, .widget select, .widget input{float:left; width:75%; }
.widget-checkbox input{width:auto; margin-left:15px}

#pal_pflegebeduerftiger, #pal_ansprechpartner, #pal_kontakt-privat, #pal_kontakt-geschaeftlich{width:50%; float:left;}
#pal_pflegebeduerftiger label, #pal_ansprechpartner label, #pal_kontakt-privat label, #pal_kontakt-geschaeftlich label {width:24%;}
#pal_details{clear:both;}
#pal_hidden{display:none;}
#ctrl_doi_self{background: rgba(254,143,67,0.2); border:1px solid grey; padding:5px;}
#ctrl_doi_foreign{background: rgba(0,0,0,0.1); border:1px solid grey; padding:5px; margin-bottom:10px;}
#ctrl_doi_self legend, #ctrl_doi_foreign legend{width:40%}