/* Colors:
Main color background: #415E6C   -> Action color if primary not available
Main color hover: #6d8996;   -> Action Hover color
(Main color border: #707070)

Second color: #709AAD   SECOND COLOR
Second color: #A7D4E8  -> Second Hover color

Accent color: #9F0157  -> Accent. Action color if primary. ACCENT
Accent color: #daafc6  -> Accent hover                     ACCENT HOVER


Action dark: -> Main color background    ACTION DARK
Action dark hover background: #6d8996   ACTION DARK HOVER BG
Action dark hover foreground: #EFEFEF   ACTION DARK HOVER FG

Action bright: #D1DCE2 -> For text control's backgrounds  ACTION BRIGHT
Action bright hover: #A3B9C5   ACTION BRIGHT HOVER


Default, font color: #343434    DEFAULTCOLOR
Gray 1: #898989   auch DISABLED, INACTIVE
Gray 2: #EFEFEF
Gray 3: #F8F8F8

Gray Placeholder:  #787878;

relax / success: #AFCA4F        SUCCESS
concentrate / warning: #FDC729  WARNING
create / alert: #E6017E         ALERT
create / alert hover: #ea5fab   ALERT HOVER
info:  #4792F7                  INFO


light: relax / success: #F1FCF1
light: concentrate / warning: #FFF5E6
light: create / alert: #FEFAFB   ALERTLIGHT
light: info:  #EBF4FD   INFOLIGHT


Font-Sizes:

body: 15px / 24px         SIZE F1
-> It seems 24 is very much space. -> 22px


heading 1: 36px / 48px    SIZE H1
heading 2: 28px / 24px    SIZE H2
heading 3: 20px / 12px    SIZE H3

Size small: 9px / 13px    SIZE FSMALL

radius: 5px;    COMMONRADIUS
 */


 /**************************************
 /* Main elements and decorator classes
 ***************************************/

body {
   font-family: 'Open Sans', sans-serif;
   font-size: 15px; /* SIZE F1 */
   line-height: 22px;
   color: #343434; /* DEFAULT FONT */
 }

 h1, h2, h3, h4, h5, h6,
 legend {
   font-family: 'Roboto', sans-serif;
   color: #343434; /* DEFAULT FONT */
 }

h1 {
  font-size: 36px; /* SIZE H1 */
  margin-bottom: 48px; /* SIZE H1 */
  font-weight: bold;
}

h2 {
  font-size: 28px;  /* SIZE H2 */
  margin-bottom: 24px; /* SIZE H2 */
  font-weight: bold;
}

h3 {
  font-size: 20px;  /* SIZE H3 */
  margin-bottom: 12px; /* SIZE H3 */
  font-weight: bold;
}

h4 {
  font-size: 15px;  /* SIZE H3 */
  font-weight: bold;
}

h1,
p {
    margin: 0 !important;
/*    line-height: 20px; */
}
h1 {
    margin: 20px 0 !important;
/*    font-size: 16px; */
}
h2 {
    margin: 0;
/*    font-size: 14px;
    font-style: italic;
    */
}
h3,
h4 {
    margin: 0;
/*
    font-size: 14px; */
}

table {
  font-size: 15px; /* SIZE F1 */
  line-height: 22px;
}


.rcc-success-text {
  color: #AFCA4F; /* SUCCESS */
}

.rcc-warning-text {
  color: #FDC729; /* WARNING */
}

.rcc-alert-text {
  color: #E6017E; /* ALERT */
}

.alert-success {
  color: #AFCA4F;
  background: #F1FCF1;
  border: 1px solid #AFCA4F;
}

.rcc-font-small {
  font-size: 10px;   /* FONT FSMALL */
  line-height: 13px;  /* FONT FSMALL */
}

.btn-rcc.btn-mini {
  padding: 1px 2px 1px 2px;
  font-size: 10px; /* FONT FSMALL */
}

.btn-rcc.btn-blank {
  padding: 0;
  margin: 0;
  display: inline-block;
  border: 0;
  background: transparent;
  color: #415E6C;  /* ACTION DARK BG */
}

.btn-rcc.inherit-colors {
  color: inherit;
  background-color: inherit;
}
.btn-rcc.inherit-colors:hover {
  color: inherit;
  background-color: inherit;
}

.btn-rcc.btn-blank:hover {
  border: 0;
  background: transparent;
  color: #6d8996; /* ACTION DARK HOVER BG */
}


.btn-rcc.btn-ps-secondary {
  background-color: white;
}

/* TYPO3 */
li.alert.alert-danger {
  background-color: #FEFAFB; /* ALERTLIGHT */
  border: 1px solid #E6017E; /* ALERT */
  color: #E6017E; /* ALERT */
}

.empty-hint {
  color: #898989; /* GRAY 1 */
  padding: 15px;
  border: 1px solid #898989;
  border-radius: 5px; /* COMMONRADIUS */
  background: #EFEFEF; /* GRAY 3 */
  text-align: center;
}

/********************************
/* Widgets
*********************************/

.rcc-modal.ui-dialog  {
  background-color: white;
  color: white;
  border-radius: 5px;
  transition: none;
  border: 1px solid #415E6C !important;  /* ACTION DARK */ /* TEMPORARY */
}

.btn-rcc.btn-rcc-primary,
a.btn-rcc.btn-rcc-primary,
a:visited.btn-rcc.btn-rcc-primary,
a:link.btn-rcc.btn-rcc-primary {
  border: 1px solid #9F0157; /* ACCENT */
  background: #9F0157; /* ACCENT */
  color: white;  /* ACTION DARK */
}

.btn-rcc.btn-rcc-primary:hover,
a.btn-rcc.btn-rcc-primary:hover {
  border: 1px solid #daafc6; /* ACTION DARK */
  background-color: #daafc6; /* ACTION BRIGHT */
}

.btn-rcc.btn-rcc-secondary,
a.btn-rcc.btn-rcc-secondary,
a:visited.btn-rcc.btn-rcc-secondary,
a:link.btn-rcc.btn-rcc-secondary {
  border: 1px solid #415E6C; /* ACTION DARK */
  background: white;
  color: #415E6C;  /* ACTION DARK */
}

.btn-rcc.btn-rcc-secondary:hover,
a.btn-rcc.btn-rcc-secondary:hover {
  border: 1px solid #415E6C; /* ACTION DARK */
  background-color: #D1DCE2; /* ACTION BRIGHT */
  color: #343434; /* F1 */
}


.btn-rcc.btn-rcc-primary[disabled="disabled"],
a.btn-rcc.btn-rcc-primary[disabled="disabled"],
a:visited.btn-rcc.btn-rcc-primary[disabled="disabled"],
a:link.btn-rcc.btn-rcc-primary[disabled="disabled"] {
  border: 1px solid #898989; /* GRAY 1 */
  background: #898989; /* GRAY 1 */
  color: white;
}

.btn-rcc.btn-rcc-primary:hover[disabled="disabled"],
a.btn-rcc.btn-rcc-primary:hover[disabled="disabled"] {
  border: 1px solid #898989; /* GRAY 1 */
  background: #898989; /* GRAY 1 */
}

.btn-rcc.btn-rcc-secondary[disabled="disabled"],
a.btn-rcc.btn-rcc-secondary[disabled="disabled"],
a:visited.btn-rcc.btn-rcc-secondary[disabled="disabled"],
a:link.btn-rcc.btn-rcc-secondary[disabled="disabled"] {
  border: 1px solid #898989; /* GRAY 1 */
  background: #898989; /* GRAY 1 */
  color: white;
}

.btn-rcc.btn-rcc-secondary:hover[disabled="disabled"],
a.btn-rcc.btn-rcc-secondary:hover[disabled="disabled"] {
  border: 1px solid #898989; /* GRAY 1 */
  background: #898989; /* GRAY 1 */
  color: white;
}



.btn.btn-rcc,
.btn-rcc,
.btn-gray {
   background-color: #415E6C; /* ACTION DARK BG */
   border: 1px solid #415E6C; /* ACTION DARK BG */
   color: white;
   border-radius: 5px; /* COMMONRADIUS */
   padding-left: 12px; /* = bootstrap form control */
   padding-right: 12px; /* = bootstrap form control */
}

.btn-rcc + .btn-rcc {
  margin-right: 5px;
}

.btn-rcc:hover,
.btn-gray:hover {
   background-color: #6d8996; /* ACTION DARK HOVER BG */
   border: 1px solid #6d8996; /* ACTION DARK HOVER BG */
   color: #EFEFEF;
}



/********************************
/* Widgets
*********************************/
.rcc-modal.widget-bottom-line > .widget-content:last-child {
    border-bottom: 1px solid #EFEFEF; /* GRAY 2 */
}


.rcc-modal .timerange-input-group {
    white-space: nowrap;
    position: relative;
}

.rcc-modal .timerange-input-group > .form-control {
/*  width: calc(100% - 22px); */
  display: block;
  float: left;
  margin-right: 0;
}

.rcc-modal .timerange-input-group .delete-attribute:after {
  display: block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00d";
  padding: 5px;
  top: 0;
  right: 3px;
  cursor: pointer;
}
/*
.rcc-modal .timerange-input-group > .timerange-input-group-append {
  text-align: center;
  width: 20px;
  height: 26px;
  display: block;
  float:left;
  background-color: #415E6C;
  color: white;
  padding-top: 3px;
}
*/
.rcc-modal .ui-widget input,
.rcc-modal .ui-widget select,
.rcc-modal .ui-widget textarea,
.rcc-modal .ui-widget button {
  font-size: 15px; /* SIZE F1 */
}

input::placeholder {
  color: #787878 !important; /* #898989 !important; */ /* GRAY PLACEHOLDER */
}

.ui-datepicker-header {
  background: white;
  border: 0;
}

.ui-widget-content {
  background: white;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #9F0157;
  background: #daafc6;
  color: #343434; /* DEFAULTCOLOR */
}


.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #4792F7; /* INFO */
  background: #EBF4FD; /* INFOLIGHT */
  color: #343434;  /* DEFAULTCOLOR */
}

body.tablet .rcc-modal.ui-widget,
body.phone .rcc-modal.ui-widget {
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}


/********************************
/* Tables
*********************************/
table.rcc-table {
  table-layout: fixed;
}

table.rcc-table >tbody>tr>td,
table.rcc-table >tbody>tr>th,
table.rcc-table >tfoot>tr>td,
table.rcc-table >tfoot>tr>th,
table.rcc-table >thead>tr>td,
table.rcc-table >thead>tr>th,
table.rcc-table >thead>tr:first-child>td,
table.rcc-table >thead>tr:first-child>th,
table.rcc-table>colgroup+thead>tr:first-child>td,
table.rcc-table>thead:first-child>tr:first-child>th {
  border-top: 1px solid #EFEFEF; /* GRAY 2 */
  border-bottom: 1px solid #EFEFEF; /* GRAY 2 */
  padding: 4px 16px 4px 3px;
  line-height: 15px;
}

table.rcc-table >tbody>tr>td,
table.rcc-table >tfoot>tr>td,
table.rcc-table >thead>tr>td,
table.rcc-table >thead>tr:first-child>td,
table.rcc-table>colgroup+thead>tr:first-child>td {
    padding-right: 4px;
}


table.rcc-table >thead>tr>td,
table.rcc-table >thead>tr>th,
table.rcc-table>thead:first-child>tr:first-child>th {
  padding: 10px 16px 10px 3px;
  font-weight: bold;
  vertical-align: middle;
}

table.rcc-table >tbody>tr>td:first-child,
table.rcc-table >tbody>tr>th:first-child,
table.rcc-table >tfoot>tr>td:first-child,
table.rcc-table >tfoot>tr>th:first-child,
table.rcc-table >thead>tr>td:first-child,
table.rcc-table >thead>tr>th:first-child {
  border-left: 1px solid #EFEFEF; /* GRAY 2 */
}

table.rcc-table >tbody>tr>td:last-child,
table.rcc-table >tbody>tr>th:last-child,
table.rcc-table >tfoot>tr>td:last-child,
table.rcc-table >tfoot>tr>th:last-child,
table.rcc-table >thead>tr>td:last-child,
table.rcc-table >thead>tr>th:last-child {
  border-right: 1px solid #EFEFEF; /* GRAY 2 */
}

table.rcc-table td.tools {
  position: relative;
}

table.rcc-table td.tools > button,
table.rcc-table td.tools > div {
  font-size: initial;
  padding: 0 1px 0 1px;
  border: none;
  background: none;
  border-radius: 0;
}

table.rcc-table td.tools > div {
  display: inline-block;
  cursor: pointer;
}

table.rcc-table td.tools {
  color: #415E6C; /* ACTION DARK BG */
}

table.rcc-table td.tools i:hover,
table.rcc-table td.tools a:hover,
table.rcc-table td.tools a:link:hover,
table.rcc-table td.tools a:visited:hover,
table.rcc-table td.tools a:active:hover,
table.rcc-table td.tools a i:hover,
table.rcc-table td.tools a:link i:hover,
table.rcc-table td.tools a:visited i:hover,
table.rcc-table td.tools a:active i:hover {
  color: #6d8996; /* ACTION DARK HOVER BG */
}

table.rcc-table.table-complex table.rcc-table-row-details {
  overflow: hidden;
}

table.rcc-table.table-complex tr.shown + tr table {
  width: 100%;
  margin: 0;
  padding: 0;
  table-layout: fixed;
}

table.rcc-table.table-complex tr.shown > td {
/*  background-color: #EBF4FD;*/ /* INFO LIGHT */
  border-bottom: none;
}

table.rcc-table.table-complex tr.shown + tr > td {
  /*  background-color: #EBF4FD;*/ /* INFO LIGHT */
  padding: 0;
  margin: 0;
  border-top: none;
}

table.rcc-table.table-complex tr.shown + tr > td > table > tbody > tr {
  background-color: transparent;
}

table.rcc-table.table-complex  tr.shown + tr table td {
  vertical-align: top;
  padding: 1px 5px 2px 5px;
  border-bottom: 1px solid #EFEFEF; /* GRAY 2 */
  border-top: 1px solid #EFEFEF; /* GRAY 2 */
}

table.rcc-table.table-complex  tr.shown + tr table td:first-child {
  width: 6%;
}

table.rcc-table.table-complex  tr.shown + tr table td:nth-child(3),
table.rcc-table.table-complex  tr.shown + tr table td:nth-child(5) {
  width: 25%;
}
table.rcc-table.table-complex  tr.shown + tr table td:nth-child(2),
table.rcc-table.table-complex  tr.shown + tr table td:nth-child(4) {
  color: #898989; /* GRAY 1 */
}


table.rcc-table.table-complex td.tools .tool-toggle-details {
  position: absolute;
  top: calc(50% - 10px);
  right: 0px;
}

table.rcc-table.table-complex td.tools .tool-toggle-details i {
  transition: transform 0.3s ease;
}

table.rcc-table.table-complex tr.shown td.tools .tool-toggle-details i {
  transform: rotate(180deg);
}


table.rcc-table.dataTable thead th.sorting,
table.rcc-table.dataTable thead th.sorting_asc,
table.rcc-table.dataTable thead th.sorting_desc {
  position: relative;
  background-image: none;
}

table.rcc-table.dataTable thead th.sorting:before,
table.rcc-table.dataTable thead th.sorting_desc:before,
table.rcc-table.dataTable thead th.sorting_asc:before {
  display: inline-block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0de";
  padding-top: 9px;
  bottom: 50%;
  right: 0;
  width: 14px;
  font-size: 15px;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  line-height: 0px;
  transform: scaleY(1.4);
}

table.rcc-table.dataTable thead th.sorting:after,
table.rcc-table.dataTable thead th.sorting_desc:after,
table.rcc-table.dataTable thead th.sorting_asc:after {
  display: inline-block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f0dd";
  padding-top: 9px;
  bottom: calc(50% - 9px);
  right: 0;
  width: 14px;
  height: 16px;
  font-size: 15px;
  white-space: normal;
  word-break: break-word;
  overflow: hidden;
  line-height: 0px;
  transform: scaleY(1.4);
}


table.rcc-table.dataTable thead th.sorting:after {
  color: #D1DCE2; /* ACTION BRIGHT */
}

table.rcc-table.dataTable thead th.sorting:before {
  color: #D1DCE2; /* ACTION BRIGHT */
}

table.rcc-table.dataTable thead th.sorting_asc:after {
  color: #D1DCE2; /* ACTION BRIGHT */
}

table.rcc-table.dataTable thead th.sorting_asc:before {
  color: #415E6C; /* ACTION DARK BG */
}

table.rcc-table.dataTable thead th.sorting_desc:after {
  color: #415E6C; /* ACTION DARK BG */
}

table.rcc-table.dataTable thead th.sorting_desc:before {
  color: #D1DCE2; /* ACTION BRIGHT */
}

input[type="search"] + .search-attribute:after,
.dataTables_wrapper .dataTables_filter input + .search-attribute:after {
  display:block;
  position: absolute;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f002";
  padding: 5px;
  top: 0;
  right: 3px;
}

input[type="search"].not-empty +.search-attribute:after,
.dataTables_wrapper .dataTables_filter input.not-empty + .search-attribute:after  {
  display: none;
}

input[type="search"]+div+.delete-attribute:after,
.dataTables_wrapper .dataTables_filter input + div + .delete-attribute:after {
    display: none;
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f00d";
    padding: 5px;
    top: 0;
    right: 3px;
    cursor: pointer;
}

input[type="search"].not-empty + div +.delete-attribute:after,
.dataTables_wrapper .dataTables_filter input.not-empty + div + .delete-attribute:after  {
  display: block;
}


.row input[type="search"] {
  padding-right: 20px;
}

.row input[type="search"] +.search-attribute:after {
  right: 15px;
}

.row input[type="search"] + div + .delete-attribute:after {
  right: 15px;
}


.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border: 0;
  background: none;
  color: #a00057!important;
  font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0.5em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #a00057!important;
  font-weight: bold;
  background: none;
  border: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
  font-weight: normal;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  min-width: 24px;
}


/* Administrationsseiten: Farben neu gestalten */
#c261 h1, #c261 h2,
#c262 h1, #c261 h2,
#c263 h1, #c263 h2,
#c288 h1, #c288 h2,
#c294 h1, #c294 h2 {
  color: #343434; /* DEFAULT FONT */
}

/* These are to force the style while transmission to the new style sheet. */
h1.rcc-style {
  font-family: 'Roboto', sans-serif;
  font-size: 36px; /* SIZE H1 */
  margin-bottom: 48px !important; /* SIZE H1 */
  font-weight: bold;
  color: #343434; /* DEFAULT FONT */
  line-height: 48px;
}

h2.rcc-style {
  font-family: 'Roboto', sans-serif;
  font-size: 28px;  /* SIZE H2 */
  margin-bottom: 24px !important; /* SIZE H2 */
  font-weight: bold;
  color: #343434; /* DEFAULT FONT */
}

#c261 .btn.btn-hsluDark,
#c261 select,
#c262 .btn.btn-hsluDark,
#c262 select,
#c263 .btn.btn-hsluDark,
#c263 select,
#c288 .btn.btn-hsluDark,
#c288 select,
#c294 .btn.btn-hsluDark,
#c294 select,
select.rcc-style,
/* becreate */
#c5 select,
#c21 select,
#c25 select
{
  background-color: #415E6C; /* ACTION DARK BG */
  border-color: #415E6C; /* ACTION DARK BG */
  color: white;
  border-radius: 5px;
  transition: none;
  padding-left: 12px; /* = bootstrap form control */
  padding-right: 12px; /* = bootstrap form control */
  cursor: pointer;
}

#c261 .btn.btn-hsluDark:hover,
#c261 select:hover,
#c262 .btn.btn-hsluDark:hover,
#c262 select:hover,
#c263 .btn.btn-hsluDark:hover,
#c263 select:hover,
#c288 .btn.btn-hsluDark:hover,
#c288 select:hover,
#c294 .btn.btn-hsluDark:hover,
#c294 select:hover,
select.rcc-style:hover {
  background-color: #6d8996; /* ACTION DARK HOVER BG */
  baorder-color: #6d8996; /* ACTION DARK HOVER BG */
  color: #EFEFEF; /* ACTION DARK HOVER FG */
}

#c261 input[type="text"],
#c261 input[type="search"],
#c261 textarea,
#c262 input[type="text"],
#c262 input[type="search"],
#c262 textarea,
#c263 input[type="text"],
#c263 input[type="search"],
#c263 textarea,
#c288 input[type="text"],
#c288 input[type="search"],
#c288 textarea,
#c294 input[type="text"],
#c294 input[type="search"],
#c294 textarea,
input.rcc-style[type="text"],
input.rcc-style[type="search"],
input.rcc-style[type="file"],
textarea.rcc-style,
.rcc-modal.ui-dialog input[type="text"],
.rcc-modal.ui-dialog input[type="search"],
.rcc-modal.ui-dialog textarea,
/* becreate */
#c5 input[type="text"],
#c5 input[type="search"],
#c5 textarea,
#c21 input[type="text"],
#c21 input[type="search"],
#c21 textarea,
#c25 input[type="text"],
#c25 input[type="search"],
#c25 textarea {
  border-radius: 5px;
  background-color: #D1DCE2; /* ACTION BRIGHT */
  color: #343434; /* GRAY 1 FONT COLOR */
  border: none;
  padding-left: 12px; /* = bootstrap form control */
  padding-right: 12px; /* = bootstrap form control */
}

#c261 input[type="text"]:hover,
#c261 input[type="search"]:hover,
#c261 textarea:hover,
#c262 input[type="text"]:hover,
#c262 input[type="search"]:hover,
#c262 textarea:hover,
#c263 input[type="text"]:hover,
#c263 input[type="search"]:hover,
#c263 textarea:hover,
#c288 input[type="text"]:hover,
#c288 input[type="search"]:hover,
#c288 textarea:hover,
#c294 input[type="text"]:hover,
#c294 input[type="search"]:hover,
#c294 textarea:hover,
input.rcc-style[type="text"]:hover,
input.rcc-style[type="search"]:hover,
textarea.rcc-style:hover,
.rcc-modal.ui-dialog input[type="text"]:hover,
.rcc-modal.ui-dialog input[type="search"]:hover,
.rcc-modal.ui-dialog textarea:hover,
/* becreate */
#c5 input[type="text"]:hover,
#c5 input[type="search"]:hover,
#c5 textarea:hover,
#c21 input[type="text"]:hover,
#c21 input[type="search"]:hover,
#c21 textarea:hover,
#c25 input[type="text"]:hover,
#c25 input[type="search"]:hover,
#c25 textarea:hover
{
  background-color: #A3B9C5;  /* ACTION BRIGHT HOVER */
  border: none;
  color: #343434; /* GRAY 1 FONT COLOR */
}

.tx-rcc-usergroup:first-child,
div#c294 {
  margin-top: 35px;
}

#c261 input[type="text"][readonly="readonly"],
#c262 input[type="text"][readonly="readonly"],
#c263 input[type="text"][readonly="readonly"],
#c288 input[type="text"][readonly="readonly"],
#c261 input[type="search"][readonly="readonly"],
#c262 input[type="search"][readonly="readonly"],
#c263 input[type="search"][readonly="readonly"],
#c288 input[type="search"][readonly="readonly"],
#c261 textarea[readonly="readonly"],
#c262 textarea[readonly="readonly"],
#c263 textarea[readonly="readonly"],
#c288 textarea[readonly="readonly"],
#c294 textarea[readonly="readonly"],
.rcc-modal.ui-dialog input[readonly="readonly"],
/*becreate*/
#c5 input[type="text"][readonly="readonly"],
#c21 input[type="text"][readonly="readonly"],
#c25 input[type="text"][readonly="readonly"] {
  cursor: initial;
  background-color: #F8F8F8; /* GRAY3 */
  color: #898989; /* GRAY2 */
}

#c261 input[type="text"][readonly="readonly"]:hover,
#c262 input[type="text"][readonly="readonly"]:hover,
#c263 input[type="text"][readonly="readonly"]:hover,
#c288 input[type="text"][readonly="readonly"]:hover,
#c261 input[type="search"][readonly="readonly"]:hover,
#c262 input[type="search"][readonly="readonly"]:hover,
#c263 input[type="search"][readonly="readonly"]:hover,
#c288 input[type="search"][readonly="readonly"]:hover,
#c261 textarea[readonly="readonly"]:hover,
#c262 textarea[readonly="readonly"]:hover,
#c263 textarea[readonly="readonly"]:hover,
#c288 textarea[readonly="readonly"]:hover,
#c294 textarea[readonly="readonly"]:hover,
.rcc-modal.ui-dialog input[readonly="readonly"]:hover,
/* becreate */
#c5 textarea[readonly="readonly"]:hover,
#c21 textarea[readonly="readonly"]:hover,
#c25 textarea[readonly="readonly"]:hover {
  cursor: initial;
  background-color: #F8F8F8; /* GRAY3 */
  color: #898989; /* GRAY2 */
}

/********************************
/* rcc Modals
*********************************/

.rcc-modal.ui-dialog {
  border-radius: 5px;
  font-family: 'Open Sans', sans-serif;
}

.ui-widget-overlay {
  background-color: rgba(0,0,0,0.6);
  opacity: 1;
}

.rcc-modal.ui-dialog .ui-dialog-titlebar {
    font-family: 'Roboto', sans-serif;
    background-color: transparent;
    border: 0;
}

.rcc-modal.ui-dialog .ui-dialog-title {
  border: 0;
  color: #343434; /* DEFAULTCOLOR */
  font-weight: bold;
  font-size: 20px; /* H3 */
}

form .error,
.rcc-modal.ui-dialog .error {
  color: #E6017E;  /* ALERT */
}

.rcc-modal.ui-dialog .dialog-btn-holder,
.rcc-modal.ui-dialog .ui-dialog-buttonpane {
  border: 0;
  background: transparent;
}

.rcc-modal.ui-dialog .dialog-btn-holder,
.rcc-modal.ui-dialog .ui-dialog-buttonpane {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.rcc-modal.ui-dialog .dialog-btn-holder > button,
.rcc-modal.ui-dialog .ui-dialog-buttonpane button {
  flex: 0 0 auto;
  margin-left: 20px;
  margin-right: 20px;

  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
}

.rcc-messagebox {
  max-width: 300px;
}

.rcc-messagebox.delete .dialog-btn-holder > button.btn-rcc-primary,
.rcc-messagebox.delete .ui-dialog-buttonpane button.btn-rcc-primary {
  background-color: #E6017E; /* ALERT */
  position: relative;
  padding-left: 20px;
}

.rcc-messagebox.delete .dialog-btn-holder > button.btn-rcc-primary:hover,
.rcc-messagebox.delete .ui-dialog-buttonpane button.btn-rcc-primary:hover {
  background-color: #EA5FAB; /* ALERT HOVER */
  position: relative;
  padding-left: 20px;
}

.rcc-messagebox.delete .btn-rcc-primary:before {
  display: inline;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f071";
  margin-left: -10px;
  margin-right: 10px;
}

.rcc-messagebox.ok-only .btn-rcc-secondary {
  display: none;
  visibility: hidden;
}

/********************************
/* Other corrections
*********************************/

 /* Bootstrap corrections */
.navbar {
  font-family: 'Roboto', sans-serif;
  font-size: 15px; /* SIZE F1 */
  line-height: 24px;
}

#c261 .form-control,
#c262 .form-control,
#c263 .form-control,
#c288 .form-control {
  font-size: 15px; /* SIZE F1 */
}

/* Multimedia Datenbank */

.tx-rcc-multimedia,
.master-column-left > .downloads .tx-rcc-multimedia {
  font-size: 14px;
  line-height: 18px;
}

.tx-rcc-multimedia .multimedia-title {
  line-height: 21px;
}


/* Fullcalendar */

html .fc, .fc table {
  font-size: 15px; /* SIZE F1 */
}

label {
  font-weight: normal !important;
}

.csc-default > #calendar,
.csc-default > #calendar-menu {
  line-height: 15px;
}

#edit-event > .screens > legend {
  line-height: 30px;
}

#edit-event > .screens > div {
  line-height: 16px;
}

.fc-header-title h2 {
  font-size: 15px; /* SIZE F1 */
}

.user-table-head {
  margin-top: 0;
  margin-bottom: 0;
}

/* User tables and other tables */

table.rcc-table.dataTable .tools-header {
  min-width: 50px;
  max-width: 90px;
}
table.rcc-table.dataTable .tools {
  min-width: 50px;
  max-width: 90px;
}

table.rcc-table.dataTable .tools a,
table.rcc-table.dataTable .tools a:visited,
table.rcc-table.dataTable .tools a:active,
table.rcc-table.dataTable .tools a:link,
table.rcc-table.dataTable .tools a i,
table.rcc-table.dataTable .tools a:visited i,
table.rcc-table.dataTable .tools a:active i,
table.rcc-table.dataTable .tools a:link i {
    color: #415E6C;  /* ACTION DARK */
    font-size: 15px; /* SIZE F1 */
}

table.rcc-table > tbody > tr > td {
  word-wrap: break-word;
  padding-right: 4px;
}


table.rcc-table.dataTable .tools a.inactive,
table.rcc-table.dataTable .tools a:visited.inactive,
table.rcc-table.dataTable .tools a:active.inactive,
table.rcc-table.dataTable .tools a:link.inactive,
table.rcc-table.dataTable .tools a.inactive i,
table.rcc-table.dataTable .tools a:visited.inactive i,
table.rcc-table.dataTable .tools a:active.inactive i,
table.rcc-table.dataTable .tools a:link.inactive i,

table.rcc-table.dataTable .tools button.inactive,
table.rcc-table.dataTable .tools button.inactive i {
  color: #898989; /* GRAY 1 */
  cursor: not-allowed;
}


/*****************************************************
  Tabs
*****************************************************/

.rcc-modal ul.nav {
  border-bottom: 1px solid #EFEFEF; /* GRAY2 */
  margin-bottom: 10px;
}

.rcc-modal ul.nav > li {
    border: 0;
    border-radius: 0;
    margin-bottom: -2px;
}

.rcc-modal ul.nav > li:hover {
    margin-bottom: -2px;
    background: transparent;
}

.rcc-modal ul.nav > li,
.rcc-modal ul.nav > li.active  {
    border: 0;
    border-radius: 0;
}

.rcc-modal ul.nav > li > a {
  height: 30px;
  overflow: hidden;
  padding: 3px 10px 3px 10px;
  border: 0;
  color: #415E6C; /* ACTION DARK */

}

.rcc-modal ul.nav > li:hover > a,
.rcc-modal ul.nav > li:hover > a:hover {
  height: 29px;
  background: transparent;
  color: #6d8996;
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 1px solid #415E6C;
}

.rcc-modal ul.nav > li.active > a {
  font-weight: bold;
  color: #415E6C; /* ACTION DARK */
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 3px solid #415E6C;
}
.rcc-modal ul.nav > li.active:hover > a,
.rcc-modal ul.nav > li.active:hover > a:hover {
  font-weight: bold;
  color: #415E6C; /* ACTION DARK */
  border-bottom: 3px solid #415E6C;
  background: transparent;
  height: 30px;
}

/*
color: #6d8996; /* ACTION DARK HOVER x/x
x*/



/*****************************************************
  Breadcrumb
*****************************************************/


div.breadcrumb {
  position: absolute;
  top: 0px;
  background: transparent;
  display: inline-block;
  margin:0;
  padding: 0;
}

@media (max-width: 900px) {
  div.breadcrumb {
    top: -10px;
  }
}

@media (max-width: 767px) {
  div.breadcrumb {
    top: -40px;
  }
}

.btn-rcc-breadcrumb,
a.btn-rcc-breadcrumb:link,
a.btn-rcc-breadcrumb:visited,
a.btn-rcc-breadcrumb:hover {
  border: 0;
  background: transparent;
  color: #415E6C; /* ACTION DARK */
  text-decoration: none;
}

.btn-rcc-breadcrumb.back:before {
  display: inline;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f100";
}

.btn-rcc-breadcrumb.back:hover {
  color: #6d8996; /* ACTION DARK HOVER */
}

/*****************************************************
  List simple enumeration
*****************************************************/

ul.rcc-list-with-separators > li,
ul.rcc-list-with-separators > li > ul > li:not(:last-child) {
  border-bottom: 1px solid #EFEFEF; /* GRAY 2 */
}

ul.rcc-list-with-separators > li > ul > li:first-child {
  border-top: 1px solid #EFEFEF; /* GRAY 2 */
}


ul.rcc-list-with-separators a ,
ul.rcc-list-with-separators a:link,
ul.rcc-list-with-separators a:visited,
ul.rcc-list-with-separators a:hover {
    border: 0;
    background: transparent;
    color: #415E6C; /* ACTION DARK */
    text-decoration: none;
}


ul.rcc-list-with-separators a:hover {
  color: #6d8996; /* ACTION DARK HOVER */
}


/*****************************************************
  List-group actionable
*****************************************************/

.rcc-style.list-group-item-action {
  cursor: pointer;
  background-color: #415E6C; /* ACTION DARK */
  border-color: #415E6C; /* ACTION DARK */
  color: white;
  display: flex;
}

.rcc-style.list-group-item-action label,
.rcc-style.list-group-item-action input {
  cursor: pointer;
}

.rcc-style.list-group-item-action:hover {
  background-color: #6d8996; /* ACTION DARK HOVER */
  color: #f8f8f8; /* GRAY 3 */
}

.rcc-style.list-group-item-action.active {
  background-color: #9F0157; /* ACCENT */
  border-color: #9F0157; /* ACCENT */
}

.rcc-style.list-group-item-action.active:hover {
  background-color: #daafc6 ; /* ACCENT HOVER */
  border-color: #daafc6 ; /* ACCENT HOVER */
}

.rcc-style.list-group-item-action .list-group-check:after {
  display: inline-block;
  content: "\00A0";
  width: 1em;
  margin: 0 10px 0 0;
}

.rcc-style.list-group-item-action.active .list-group-check:after {
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
}

.rcc-style.list-group-item-action input[type="checkbox"] {
  visibility: hidden;
  margin: 0 10px 0 0;
}

.rcc-style.list-group-item-action input[type="checkbox"]:not(:checked):after {
  visibility: visible;
  display: block;
  position: absolute;
  width: 1em;
  content: " ";
  line-height: 40px;
  margin-left: 8px;
}

.rcc-style.list-group-item-action input[type="checkbox"]:checked:after {
  visibility: visible;
  display: block;
  position: absolute;
  width: 1em;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  line-height: 40px;
  margin-left: 5px;
}

a.rcc-style {
    color: #415E6C; /* ACTION DARK */
}

li.share-dialog-line.list-group-item.list-group-item-action.rcc-style.rcc-list-item-with-checkbox {
  padding: 0;
  border: 0;
}


li.share-dialog-line.list-group-item.list-group-item-action.rcc-style.rcc-list-item-with-checkbox label {
  padding: 10px 15px;
  padding-left: 33px;
  width: 100%;
  display: block;
  margin: 0 0 0 -25px;
}

li.share-dialog-line.list-group-item.list-group-item-action.rcc-style.rcc-list-item-with-checkbox input[type="checkbox"]:checked+label {
  background-color: #9F0157; /* ACCENT */
  border-color: #9F0157; /* ACCENT */
}

li.share-dialog-line.list-group-item.list-group-item-action.rcc-style.rcc-list-item-with-checkbox input[type="checkbox"]:checked+label:hover {
  background-color: #daafc6 ; /* ACCENT HOVER */
  border-color: #daafc6 ; /* ACCENT HOVER */
}

/******************************************
  Miscellanous
*******************************************/

#invitemember {
  height: 400px;
  display: flex;
  flex-direction: column;
}
#invitemember > div {
  flex: 1 1 auto;
}

#invitemember > .suggestion-wrap {
    overflow-y: auto;
    overflow-x: hidden;
}

#invitemember > div.flex-spacer {
  flex: 1000 1 auto;
}


.no-close .ui-dialog-titlebar-close {
  display: none;
  visibility: hidden;
}

.multiselect-native-select select.rcc-style + .btn-group button {
  border-radius: 5px; /* COMMONRADIUS */
  background-color: #415E6C; /* ACTION DARK BG */
  border-color: #415E6C; /* ACTION DARK BG */
  color: white;
  border-radius: 5px;
  transition: none;
  padding-left: 12px; /* = bootstrap form control */
  padding-right: 12px; /* = bootstrap form control */
  cursor: pointer;
}

.multiselect-native-select:hover select.rcc-style + .btn-group button {
  background-color: #6d8996; /* ACTION DARK HOVER BG */
  baorder-color: #6d8996; /* ACTION DARK HOVER BG */
  color: #EFEFEF; /* ACTION DARK HOVER FG */
}

.multiselect-container.dropdown-menu li.active a {
  background: #9F0157; /* ACCENT */
  color: white;  /* ACTION DARK */
}

.multiselect-container.dropdown-menu li a label input {
  display: none;
  visibility: hidden;
}

.multiselect-container.dropdown-menu li a label:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: " ";
  width: 1.5em;
  margin-left: -2em;
}

.multiselect-container.dropdown-menu li.active a label:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  content: "\f00c";
  width: 1.5em;
  margin-left: -2em;
}

.comment-actions > a,
.comment-actions > button {
    color: #415E6C; /* ACTION DARK BG */
}

.comment-actions > a:hover,
.comment-actions > button:hover {
    color: #6d8996; /* ACTION DARK HOVER BG */
}

.multimedia-actions,
.multimedia-actions a {

  color: #415E6C; /* ACTION DARK BG */
}

.multimedia-actions:hover
.multimedia-actions:hover a {
    color: #6d8996; /* ACTION DARK HOVER BG */
}

.comment-list textarea,
.comment-main textarea {
  font-size: 15px;
  border-radius: 5px;
  background-color: #D1DCE2; /* ACTION BRIGHT */
  border: none;
  padding-left: 12px; /* = bootstrap form control */
  padding-right: 12px; /* = bootstrap form control */
}

.comment-list textarea textarea:hover,
.comment-main textarea textarea:hover {
  background-color: #A3B9C5;  /* ACTION BRIGHT HOVER */
  border: none;
}

.rcc-badge {
  display: inline-block;
  background-color: #AFCA4F;
  vertical-align: middle;
  cursor: initial;
}
.rcc-badge.badge-transparent {
  background-color: transparent;
}
.rcc-badge.right {
  position: absolute;
  right: 0;
}
.rcc-badge .icon-online {
  color: #AFCA4F;
  font-size: 23px;
  line-height: 5px;
}

.spinner {
    position: relative;
    top: 30%;
    left: calc(50% - 60px);
}


.rcc-accent.actionable {
  color: #9F0157;
  cursor: pointer;
}

.rcc-accent.actionable:hover {
   color: #daafc6;
}


/* rcc_multimedia */

.multimedia-detail .multimedia-title {
  color: #343434; /* DEFAULTCOLOR */
}
.multimedia-more-actions a {
  color: #415E6C;  /* ACTION DARK BG */
}
.multimedia-more-actions a:hover {
  color: #6d8996; /* ACTION DARK HOVER BG */
}
.list-actions {
    border-top: 1px solid #415e6c;  /* ACTION DARK BG */
    color: #a00057;
}
.mulimedia-toggle {
    color: #415e6c; /* ACTION DARK BG */
}
.sibdebar-wrap ul li a {
    color: #415e6c; /* ACTION DARK BG */
}
button[data-all-categories-toggler] {
  color: #415e6c; /* ACTION DARK BG */
  font-size: 16px;
}
button[data-all-in-category-toggler] {
  color: #415e6c; /* ACTION DARK BG */
  font-size: 16px;
}
button[data-all-in-all-categories-toggler] {
  color: #415e6c; /* ACTION DARK BG */
  font-size: 16px;
}


/* becreate */

div.start-box-title > h2 {
  font-size: 22px;
}

.cust-btn.start-new-button.start-icmp  {
    margin-top: 0;
}

.cust-btn.start-new-button.start-icmp .new-project-btn {
    margin-top: -10px;
}

/* from here becreate */
.list-tooling-bar a.new-project-btn,
.list-tooling-bar .start-new-button {
  background-color: #415E6C; /* ACTION DARK BG */
  border-color: #415E6C; /* ACTION DARK BG */
  color: white;
  border-radius: 5px;
  transition: none;
  padding-left: 12px; /* = bootstrap form control */
  padding-right: 12px; /* = bootstrap form control */
  cursor: pointer;
  text-decoration: none;
  font-size: 15px;
  padding-top: 1px;
  padding-bottom: 1px;
  text-transform: none;
}

.list-tooling-bar a.new-project-btn:hover,
.list-tooling-bar .start-new-button:hover {
  background-color: #6d8996; /* ACTION DARK HOVER BG */
  baorder-color: #6d8996; /* ACTION DARK HOVER BG */
  color: #EFEFEF; /* ACTION DARK HOVER FG */
}
.rcc-messagebox.ui-dialog {
  background-color: white;
  color: white;
  border-radius: 5px;
  transition: none;
  border: 1px solid #415E6C !important;
}

.rcc-messagebox.ui-dialog .ui-resizable-handle {
  display: none !important;
  visibility: hidden !imporant;
}

.rcc-messagebox.ui-dialog .ui-dialog-content {
  overflow: hidden !important;
}

.rcc-messagebox .ui-dialog-titlebar {
  background-color: transparent !important;
  background: initial;
  border: 0 !important;
}

.rcc-messagebox .ui-dialog {
    border: 0 !important;
}


/* Force definitions for certain elements in becreate */

.rcc-modal.ui-dialog  {
  background-color: white;
  color: white;
  border-radius: 5px;
  transition: none;
  border: 1px solid #415E6C;  /* ACTION DARK */
}

.rcc-modal.ui-dialog .ui-dialog-titlebar {
    font-family: 'Roboto', sans-serif !important;
    background-color: transparent !important;
    border: 0 !important;
    font-size: 20px !important;
}

.rcc-modal.ui-dialog .ui-dialog-title {
  border: 0 !important;
  color: #343434 !important; /* DEFAULTCOLOR */
  font-weight: bold !important;
  font-size: 20px !important; /* H3 */
}

.rcc-modal.ui-dialog .dialog-btn-holder,
.rcc-modal.ui-dialog .ui-dialog-buttonpane {
  border: 0 !important;
  background: transparent !important;
}

.rcc-modal.ui-dialog .ui-widget-content {
    overflow: hidden !important;
}

.btn.btn-rcc:not(.btn-rcc-primary):not(.btn-rcc-secondary):not([data-toggle]):not(.edit-multimedia-item),
.btn-rcc:not(.btn-rcc-primary):not(.btn-rcc-secondary):not([data-toggle]):not(.edit-multimedia-item),
.btn-gray:not(.btn-rcc-primary):not(.btn-rcc-secondary):not([data-toggle]):not(.edit-multimedia-item) {
    background-color: #415E6C !important;
    border: 1px solid #415E6C !important;
    color: white !important;
    border-radius: 5px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.btn-rcc:not(.btn-rcc-primary):not([data-toggle]):not(.edit-multimedia-item):hover,
.btn-gray:not(.btn-rcc-primary):not([data-toggle]):not(.edit-multimedia-item):hover {
   background-color: #6d8996 !important; /* ACTION DARK HOVER BG */
   border: 1px solid #6d8996 !important; /* ACTION DARK HOVER BG */
   color: #EFEFEF !important;
}

.ui-dialog a {
  text-transform: initial !important;
}

/********************************************
 Big Selection Groups
 ********************************************/
 .rcc-big-radiogroup > label {
   display: inline-block;
   width: 100%;
   cursor: pointer;
  }

  .rcc-big-radiogroup > label > input[type="radio"] {
    display: none;
    visibility: hidden;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 7px 7px 7px 15px;
    background-color: #415e6c; /* ACTION DARK */
    border: 1px solid #415e6c;  /* ACTION DARK */
    color: white;
  }
  .rcc-big-radiogroup > label:hover > input[type="radio"] + span {
    background-color: #6d8996; /* ACTION DARK HOVER BG */
    border-color: #6d8996; /* ACTION DARK HOVER BG */
  }

  .rcc-big-radiogroup > label > input[type="radio"]:checked + span {
    background-color: #9F0157; /* ACCENT COLOR */
    border: 1px solid #9F0157;  /* ACCENT COLOR */
    color: white;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span span.radio {
    flex: 0 0 30px;
    height: 28px;
    display: inline-block;
    margin: auto;
    vertical-align: middle;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span span.radio:before {
    font: normal normal normal 28px/1 FontAwesome;
    line-height: 100%;
    content: "\f096";
    color: white;
    display: block;
    position: absolute;
  }

  .rcc-big-radiogroup > label > input[type="radio"]:checked + span span.radio:before {
    content: "\f046";
    color: white;
  }

  .rcc-big-radiogroup > label > input[type="radio"].ta-processing + span span.radio:before {
    display: none;
    visibility: hidden;
  }

  .rcc-big-radiogroup > label > input[type="radio"].ta-processing + span span.radio:after {
    content: ' ';
    display: block;
    visibility: visible;
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("../Images/spiffygif_124x124.gif");
    background-size: 100%;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span span.image {
    flex: 0 0 50px;
    height: 50px;
    margin: auto 5px;
    vertical-align: middle;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span span.image img,
  .rcc-big-radiogroup > label > input[type="radio"] + span span.image svg {
    height: 100%;
    width: 100%;
  }
  .rcc-big-radiogroup > label > input[type="radio"] + span span.image svg,
  .rcc-big-radiogroup > label > input[type="radio"]:checked + span span.image svg {
    fill: white;
  }


  .rcc-big-radiogroup > label > input[type="radio"] + span span.text {
    height: auto;
    margin: auto 10px;
    vertical-align: middle;
  }

  .rcc-big-radiogroup > label > input[type="radio"] + span span.text {
    height: auto;
    margin: auto 10px;
    vertical-align: middle;
  }

  .layout-box {
    margin-bottom: 2em;
  }

  .layout-box p {
    margin-top: 0.8em !important;
    margin-bottom: 0.8em !important;
  }

  .rcc-small-option {
    float: right;
    cursor: pointer;
    color: #415e6c; /* ACTION DARK */
  }

  .rcc-small-option:hover {
    color: #6d8996; /* ACTION DARK HOVER BG */
  }

  .rcc-small-option.ta-processing {
    height: 30px;
    padding-top: 30px;
    overflow: hidden;
    position: relative;
  }

  .rcc-small-option.ta-processing:before{
    content: ' ';
    display: block;
    visibility: visible;
    position: absolute;
    width: 30px;
    height: 30px;
    background-image: url("../Images/spiffygif_124x124.gif");
    background-size: 100%;
    top: 0px;
    left: calc(50% - 15px);
  }

  a.rcc-goto-link,
  a.rcc-goto-link:visited,
  a.rcc-goto-link:active
   {
    color: #415E6C;  /* ACTION DARK */
  }

  a.rcc-goto-link:hover {
    color: #6d8996; /* ACTION DARK HOVER */
  }

  a.rcc-goto-link:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f0a9";
    margin-right: 5px;
  }

  a.rcc-goto-link:hover:before {
    color: #6d8996; /* ACTION DARK HOVER */
  }
  
  
.rcc-checklist-item-symbol {
  margin-left: 0;
  border-radius: 50%;
  font-size: 12px;
  padding: 6px;
}