/*
dropped vie_col3[_content], cause of flickering font definitions.
need to repeat some styles from vie-light3.css
*/

input.rf-au-inp {
  background-image: none !important;
}

h1+h2,h2+h3,h3+h4 {
  padding-top: 10px
}

.ui-selectmanymenu .ui-selectlistbox-listcontainer {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: 175px !important;
}

.ui-selectlistbox-filter.ui-inputfield {
  width: 100% !important;
  padding-right: 2% !important;
}

.ui-selectlistbox-filter-container > .ui-icon.ui-icon-search {
  display: none !important;
}

.ui-selectlistbox-item > .ui-chkbox.ui-widget {
  padding-right: 5px;
}

#searchFacetResult li.ui-selectlistbox-item {
  display: flex;
  justify-content: start;
  align-items: center;
}

.cuted-wrap {
  width: 165px;
  display: flex;
  justify-content: space-between;
}

.cuted-wrap:hover .cuted-text{
  overflow: visible;
  white-space: normal;
  height:auto;  /* just added this line */
}

.cuted-text {
  text-overflow: ellipsis;
  overflow: hidden;
  height: 1.2em;
  white-space: nowrap;
  word-break: break-all;
}

/*Fix problem in IE with clear: both box-shadow*/
.be-row {
  margin-right: -15px;
  margin-left: -15px;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover {
  background: none;
  background-color: #d9edf7;
  border: 1px solid #7096ab;
  color: #313131;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ui-custom {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: 1px solid #888888 !important;
}

.inline-div-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}

.inline-div-list > div {
  margin: 3px 3px;
  padding: 4px 8px;
  border: 1px solid ;
}

/* done with vie-style3.css repetitions */

div.docheader h2,
div.docheader h3 {
  font-size: 14px !important; /* override vie-light3.css */
  font-style: normal !important;
  display: inline;
  margin-bottom: 0.2ex;
  margin-top: 0.2ex;
}

div.docheader {
}

div.document, div.toolbar {
  margin-left: 2em;
  padding-left: 0em;
}

div.toolbar {
  font-size: 10pt;
  padding-bottom: 1em;
}

div.single, div.long, div.short, div.searchresult {
  padding-left: 0em;
  margin-left: 2em;
}

div.searchresult {
  font-size: 12pt;
  font-weight: normal;
  background-color: #EEE;
  margin-right: 2em;
}

div.searchresult em.hl {

}

em.hl {
  background-color: yellow !important;
}

div#waiscontent {
  min-height: 500px;
}

div.hidden {
  display: none;
}

a.tree, span.tree {
   text-decoration:none;
  font-family: monospace;
  font-size: 12pt; /* it's on level with h2 */
}
/*a.btn, span.btn {
  font-family: monospace;
  font-size: 12pt; 
}*/

div.toolbar a {
  padding-left: 0.5em;
  padding-left: 0.5em;
}

span.btns {
}

p.paging {
  font-size: 10pt;
  margin-left: 2em;
  width: 18ex;
  padding-bottom: 0ex !important;
  margin-bottom: 0ex !important;
  background: lightblue;
}
p.paging a {
  margin-left: 0.2em;
  margin-right: 0.2em;
  padding-left: 0.2em;
  padding-right: 0.2em;
  border: 1px solid;
}

a.lnk {
  padding-bottom: 1em;
  /*font-size: 10pt;*/
  font-size: 12pt;
}

/**********************************************/
/************* ACTAPRO CSS DEF ****************/
/**********************************************/

/****** TREE **********/

ul.tektList{
  margin-left: 0px !important;
  bullet-style: none;
}
.vie-page #vie_col3_content ul.tektList,
  .vie-page #vie_col3_content ul.tektList li,
  .vie-page #vie_col3_content ul.tektList li ul{
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom: 0;
}

.tree_entry {
  padding: 0px;
  margin: 1px 0px;
  font-size:15px;
}

.tree_entry_header {
  font-size: 16px;
  line-height: 20px;
  margin: 0  0 10px 0;
}

.tree_entry_header {
  font-size: 16px;
  line-height: 20px;
  margin: 0  0 10px 0;
}

@media (max-width: 767px) {
  .tree_entry.expanded {
    margin-left: 0 !important;
  }
  .tree_entry.expanded .document_full, .tree_document_footer{
    margin-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .tree_entry_header {
    margin-left: 0 !important;
  }
}


.tree_entry_header a {
  font-size: 16px;
  line-height: 20px;
  margin-left:5px;
}

.tree_entry_header .tree_entry_doc_preview_text {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.tree_entry_header .tree_entry_doc_preview_text_child {
  white-space: normal;
  word-wrap: break-word;
  word-break: break-all;
}

.tree_entry_header span {
  font-size: 1em;
  margin-left:5px;
}

.tree_entry_header input {
  vertical-align: middle;
  padding:0 !important;
  margin:0;
}

.tree_entry_header input.plusImage,
.tree_entry_header input.minusImage {
  margin-right:10px
}


.tree_entry_doc_preview_text {
  display:inline-block;
}
.tree_children_paging {
  font-size: 0.9em;
  padding-top:2px;
  padding-bottom:2px;
  margin-left:58px;
  margin-top:0px;
  margin-bottom:0px;
}
.tree_children_paging a {
  font-size: 1.1em;
}
.tree_document_footer {
  margin-left:32px;
  padding:5px;
  margin-top:-1px;
  margin-bottom:10px;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #f8f8f8;

}
.tree_document_footer a {
  font-size: 1.1em;
}

#treeForm ul {
  list-style-type: none;
}



/****** inline form ******/
.form-inline._bordered {
  padding: 15px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}
.form-inline label {
  width: auto;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 5px;
  max-width: 100%;
  float: none;
  margin-right: 10px;
}

.form-inline._stx-form {
  padding-top: 25px;
}
.form-inline._stx-form .form-group {
  margin-right: 15px;
  margin-bottom: 10px;
}

.form-horizontal .form-inline .form-group {
  margin-left: 0;
}

.form-inline._stx-form .buttons {
  display: inline-block;
  vertical-align: top;
}

.form-inline._stx-form .buttons .btn {
  margin-top: 0;
}
/****** SEARCH **********/
._stx-form label {
  font-weight: 600;
 }
._stx-form label::after {
  display: inline-block;
  content: ': ';
}

._stx-form label._no-pr {
  padding-right: 0;
}
._stx-form .checkbox label {
  text-align: left;
  padding: 0 0 0 20px;
}
._stx-form .checkbox label::after,
._stx-form .radiobutton label::after {
  content: '';
}
._stx-form .radiobutton label {
  font-weight: 400;
  text-align: left;
  margin-bottom: 5px;
  min-height: 20px;
  padding-left: 20px;
  font-size: 14px;
}
._stx-form .radiobutton input[type=radio] {
  position: absolute;
  left: 0;
}
._stx-form .radiobutton table td {
  position: relative;
}

.search_input {
  /*margin-left:20px;*/
  margin-bottom:10px;
}
.search_input input[type=text] {
  padding:2px;
  border: 0.1em solid #DDD;
}
input[type=submit],
input[type=button]{
  margin: 5px 10px 5px 0;
}

input[type=submit]:last-of-type,
input[type=button]:last-of-type{
  margin-right: 0;
}

.search_input input[type="submit"] {
}

input.username_input {
  width: 10em
}

.rf-au {
  font-size: 100% !important
}

.search_result_info {
  padding-left:20px;
  padding-bottom:5px;
}
.search_entry {
  padding-top:10px;
  padding-bottom: 15px;
  font-size: 13px;
}

.search_entry:last-child {
  padding-bottom: 0;
}

.facet_label label {
  font-weight: normal;
  display: inline;
}

.facet_label tr:nth-child(odd) {
  font-weight: bold;
}

.search_entry em {
  font-style: normal;
  font-size: 12px;
  margin-bottom: 5px;
  display: inline-block;
}

.search_entry b {
  background-color: yellow;
}

.search_entry_header .search_entry_header {
  padding: 0;
}

div.search_entry_header {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}

.search_entry_header a {
  font-size: 14px;
  font-weight: 600;
  margin-left: 8px;
}
.image_search_entry_header {
  font-size:12px;
}

.image_search_entry_header:hover {
  background:none;
}

.search_entry table {
  margin-top:0px;
  margin-bottom:0px;
  /*padding:10px;*/
  padding:10px 0 0;
  width:100%;
}

.search_entry table + table {
  margin-top: -1px;
}
.search_entry table td,
.search_entry table th {

}

.search_entry table th:first-child {
  width:140px;
  font-weight:bold;
}
.search_entry table td:first-child {
  width:140px;
  padding-left:10px;
  font-weight: 600;
}
.search_entry_footer {
  padding:5px 10px;
  margin-top:-1px;
  border: 1px solid #ddd;
  border-top: 1px solid #ddd;
  background-color: #fff;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background: #fff;
}

.search_paging {
  margin:20px;
  clear:both;
  float:none;
}

/****** DOCUMENT ********/

.document_full {
  margin-left:32px;
  width: auto;
  margin-top: 10px;
  font-size: 13px;
}
.document_full_header {
  /*font-size: 1.3em;
  padding:5px;
  margin-top:5px;
  background-color:#EEEEEE;*/
}
.document_full table {
  /*background-color: #F7F7F7; */
  /*padding:10px;*/
  /*padding:10px 0 0;
  padding-bottom:0px;
  width:100%;*/
}
.document_full table + table{
  margin-top: -1px;
}
.document_full table th:first-child {
  width:140px;
  font-weight:bold;
}
.document_full table td:first-child {
  width:140px;
  padding-left:10px;
  font-weight:600;
}

.document_full .box,
.search_entry .box {
  margin-bottom: 0;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}


.document_full .box .box-header.with-border,
.search_entry .box .box-header.with-border {
  border-bottom: 0;
}

.document_full .box .box-header.with-border + .box-body,
.search_entry .box .box-header.with-border + .box-body {
  border-top: 1px solid #ddd;
}

.document_full .box,
.search_entry .box {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.document_full .box {
  background: #f8f8f8;
}

.search_entry .box {
  margin-bottom: 0;
  background: #fff;
}

.document_full .box-header .box-title {
  font-size: 14px;
}
.document-full-link {
  margin-top: 10px;
  padding-top: 5px;
}

.float-clear{
  clear:both;
}

.document-full-link a{
  border-right: 1px solid #ddd;
  padding-right: 5px;
}

.document-full-link a:last-child {
  border-right: 0;
}

.document_full .table > thead > tr > th,
.document_full .table > tbody > tr > th,
.document_full .table > tfoot > tr > th,
.document_full .table > thead > tr > td,
.document_full .table > tbody > tr > td,
.document_full .table > tfoot > tr > td,

.search_entry .table > thead > tr > th,
.search_entry .table > tbody > tr > th,
.search_entry .table > tfoot > tr > th,
.search_entry .table > thead > tr > td,
.search_entry .table > tbody > tr > td,
.search_entry .table > tfoot > tr > td {
 padding: 3px;
}

.document_full .box-body {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.document_full  .images,
.search_entry .images{
  margin-left: -5px;
}

.document_full .table + .images,
.search_entry .table +  .images,
.document_full .table + div,
.search_entry .table +  div {
  margin-top: 15px;
}

.document_full .table > thead > tr > th,
.document_full .table > tbody > tr > th,
.document_full .table > tfoot > tr > th,
.document_full .table > thead > tr > td,
.document_full .table > tbody > tr > td,
.document_full .table > tfoot > tr > td,

.search_entry .table > thead > tr > th,
.search_entry .table > tbody > tr > th,
.search_entry .table > tfoot > tr > th,
.search_entry .table > thead > tr > td,
.search_entry .table > tbody > tr > td,
.search_entry .table > tfoot > tr > td  {
  border: 0;
}

.document-hint {
  line-height: 16px;
}


/* Stack rows vertically on small screens */
@media (max-width: 992px) {
  .document_full table .doc-header,
  .search_entry table .doc-header {
    position: absolute;
    top: -9999em;
    left: -9999em;
  }

  .document_full table tr,
  .document_full table .doc-text,
  .search_entry table tr,
  .search_entry table .doc-text {
    display: block;
    position: relative;
  }
  
  .document_full table .doc-text::before,
  .search_entry table .doc-text::before {
    content: attr(data-label);
    display: inline-block;
    font-weight: 600;
    color: #000000;
    margin-left: -30%;
    width: 30%;
    word-break: break-all;
    vertical-align: top;
  }

  .document_full table tbody tr .doc-text,
  .search_entry table tbody tr .doc-text {
    /* Leave a space for data labels */
    padding-left: 23.4%;
    vertical-align: top;
  }
}
/* Stack labels vertically on smaller screens */
@media (max-width: 768px) {
  .document_full table tbody tr .doc-text,
  .search_entry table tbody tr .doc-text {
    margin-bottom: 5px;
    padding-left: 5px;
  }
  .document_full table tbody tr .doc-text::before,
  .search_entry table tbody tr .doc-text::before {
    display: block;
    width: 100%;
    margin-bottom: 3px;
    margin-left: 0;
  }
}

/**** user edit ****/
.user_input {
  /* margin-left:20px; */
  margin-bottom:5px;
}

.user_input input[type="submit"] {
  /* width:70px; */
}

/***  print styles *****/
@media print {
  div.noprint
  {
      display:none;
  }
}

/**** moved from usersOverview.xhtml **/
.label_style {
  clear: left;
    float: left;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top:2px;
    padding-right: 0.5em;
    text-align: right;
    width: 20em;
}

.line {
  margin: 0.5em 0;

    padding-bottom: 0;
    vertical-align: bottom;
}

.line-readonly {
  margin: 0.5em 0
}

.line-readonly label {
  clear:left;
  float:left;
  text-align:right;
  width:20em;
  color: #444444;
  padding: 0 0.5em 0 0;

}

.line-readonly label:after {
  content: ":";
}

.control-text {
  padding-top: 7px;
  display: inline-block;
}

/* oders/users overview - table */
/*form.orders table,
form.orders table tr,
form.orders table td,
form.users table,
form.users table tr,
form.users table td,
form.clearance table,
form.clearance table tr,
form.clearance table td,
form.research table,
form.research table tr,
form.research table td
{
  border:1px solid gray;
}*/

.table th {
  font-weight: 600;
} 

@media screen and (max-width: 767px) {
  .table-responsive {
    border: 1px solid #eee !important;
  }
  .table.table-bordered.rf-dt {
    border: 0 !important;
  }
}

.table td .fa {
  padding: 5px;
}

table .actions a {
  text-decoration: none;
}

/* form.users: "form th", or "table.research th", will not work, cause richfaces css is more specific */
form.users th,
form.orders th {
  text-align: left;
}

form.research th,
form.clearance th,
#treeForm th {
  text-align: left;
}

/* commandbuttons instead of commandlinks (latter do not work w/o javascript) */
table input[type="submit"] {
  /*width: 7em;*/
  text-align: center;
}

/* default design for all forms*/
form input[type="text"],
form input[type="password"],
form select,
form textarea {
  /*width: 20em;
  font-size: 0.9em;*/
}


/* workaround for different text/selectino widths */
input[type="text"], input[type="password"], select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#vie_col3_content form input[type="password"] {
    border: 1px solid #999999;
}
#vie_col3_content fieldset.calendar table
{
  background: #F0F0F0;
  border: 1px solid gray;
  padding: 5px;
}
#vie_col3_content fieldset.calendar table td.rf-cal-today
{
  color: black;
}

#vie_col3_content fieldset.calendar table td,
#vie_col3_content fieldset.calendar table th
{
  background: #F0F0F0;
  padding: 2px;
}
span.paginatorLink
{
  font-size: 14px;
  position: relative;
}

.even-row {
   background-color: #F0F0F0;
}
.odd-row {
   background-color: #f7f7f7;
}
.marked-row {
  background-color: lightblue;
}
.inactive-status-row {
   background-color: #919191;
}

a img {
  border:0px;
 padding: 1px 2px;
}

ul.descriptionlist { /* ordersOverview table - signature list (best, ser, vz)*/
  /*font-size: 90%;*/
}

ul.descriptionlist li{
  margin-left: 0;
  margin-bottom: 5px;
}

/* icons and doc title link in tektonik tree view */
/*.docPreviewLine {
  white-space:nowrap;
}
*/
div.images
{
  display:inline;
  font-size: 0;
  padding-left:5px;
  /*float:left;*/
}
div.image
{
  display: inline-block;
  vertical-align: top;
}
figcaption.imageCaption
{
  display: table-caption;
  caption-side: bottom;
  text-align: center;
  font-size: 14px;
  word-wrap: break-word;
  word-break: break-all;
}
div.images a
{
  display:inline-block;
  font-size: 14px;
  margin: 5px;
}
div.images img
{
  border: 1px solid lightgray;
  height: 140px;
  padding: 10px;
  background-color: #fff;
}
#changeView
{
  margin-top:-57px;
}

th {
  white-space: nowrap;
}

#importOverviewTable table td,
#importOverviewTable table th{
  font-size: 12px;
}

#importOverviewTable table td:last-child{
  padding: 0;
}

#importOverviewTable table td a{
  font-size: 1em;
  text-decoration:none;
}

#importOverviewTable td table.importFileDetailsTable {
  width:100%;
  margin:0;
}
#importOverviewTable td table.importFileDetailsTable td,
#importOverviewTable td table.importFileDetailsTable th{
  font-size:0.9em;
  white-space: normal;
  word-wrap: break-word;
}
#importOverviewTable td table.importFileDetailsTable td:first-child{
  max-width: 200px;
}

#importOverviewTable .importFileDetailsTable {
  border: none !important;
}

#importOverviewTable table.importFileDetailsTable td:last-child {
  padding: 8px;
}

.bs-callout.bs-callout-info {
  border-left-color: #3c8dbc;
}

.bs-callout {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: #d2d6de;
  border-image: none;
  border-radius: 3px;
  border-style: solid;
  border-width: 0 0 0 3px;
  margin: 15px 0;
  padding: 20px;
  background: #fff;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.mainContentFrame > .bs-callout {
  margin-top: 0;
}

/* datapicker */
.stx-datapicker > span > span{
  position: relative;
  display: block;
}
.stx-datapicker > span > span .rf-cal-btn, 
.stx-datapicker > div > span .rf-cal-btn {
  position: absolute;
  right: 21px;
  top: 7px;
}


/* fichfaces table */
.rf-dt {
  width: 100%;
  margin-bottom: 15px;
}

.table.rf-dt {
  border: none;
}

.table.table-bordered.rf-dt {
  border: 1px solid #eee;
}

.table .rf-dt-c {
  color: inherit;
  overflow-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.table .rf-dt-ftr-c {
  color: inherit;
  background-color: transparent;
  border-bottom: 0;
  border-right: 0;
}
.table.rf-dt > tbody + tbody {
  border-top: none;
}

.table .rf-dt-shdr-c {
  background: none;
}

.table .rf-dt-shdr-c img {
  margin-left: 5px;
}


.table tr.inactive-status-row {
  background-color: #ddd !important;
}
.table tr.marked-row {
  background-color: #d9edf7 !important;
}

.table tfoot td .paginatorLink,
.table tfoot td input[type=image] {
  font-size: 12px;
  line-height: 1.5;
  padding: 5px 10px;
  background: #fafafa none repeat scroll 0 0;
  color: #666;
  border: 1px solid #ddd;
  display: inline-block;
  margin-left: -1px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
}

.table tfoot td,
#importOverviewTable .table tfoot td {
  font-size: 0;
  padding: 15px 8px 15px 8px !important;
  text-align: center;
}

.table tfoot td .paginatorLink:hover,
.table tfoot td input[type=image]:hover {
  background-color: #eee;
}
.table tfoot td input[type=image] {
  display: inline-block;
  padding: 5px 10px !important;
  height: 30px !important;
}

.table.admin-status-table,
.table.admin-status-table .rf-dt-r,
.table.admin-status-table .rf-dt-c {
  background-color: transparent !important;
}

.table.admin-status-table .rf-dt-c:first-child {
  text-align: left;
}
.table.admin-status-table .rf-dt-c:last-child {
  text-align: center;
  width: 40px;
}
/****** tabs *******/
.tabs {
  border: 1px solid #eee;
  -webkit-border-radius: 3px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 3px;
  -moz-background-clip: padding;
  border-radius: 3px;
  background-clip: padding-box;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.tabs .rf-tab-hdr-tabline-vis.rf-tab-hdr-tabline-top {
  background: none;
  border: none;
  padding: 0;
  height: auto;
  background: #f1f1f1;
  overflow-x: auto;
}
.tabs .rf-tab-hortab-tabspcr-wdh {
  padding-left: 1px;
}
.tabs .rf-tab-hdr-spcr {
  padding: 0 !important;
}

.tabs .rf-tab-hdr-top {
  font-size: 16px;
}
.tabs .rf-tab-hdr-act.rf-tab-hdr-top {
  background-image: none;
  background-color: #ffffff;
  border: none;
  border-top: 3px solid #3c8dbc;
  padding: 15px;
  color: #3c8dbc;
  font-weight: 400;
}
.tabs .rf-tab-hdr-inact.rf-tab-hdr-top {
  background-image: none;
  background-color: #f1f1f1;
  padding: 15px;
  border: none;
  border-top: 4px solid #f1f1f1;
}

.tabs .rf-tab-hdr-tabs .rf-tab-hdr-inact {
  color: #777;
}
.tabs .rf-tab-cnt {
  border: 0;
  padding: 30px 15px 15px 15px;
}
.tabs .rf-tab-hdr-brd {
  height: 0;
  border: 0;
  border-color: #e1e1e1;
}

.tabs .box.box-solid {
  box-shadow: none;
  border: 1px solid #eee;
}
/****** upload *******/
.upload.rf-fu {
  border-color: #d2d6de;
  width: 100%;
}
.upload .rf-fu-hdr {
  background: none;
  margin-left: 0;
  margin-top: 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.upload .rf-fu-btn-add, .upload .rf-fu-btn-upl, .upload .rf-fu-btn-clr {
  background-image: none;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid transparent;
  color: #fff;
}

.upload .rf-fu-btn-add:focus,
.upload .rf-fu-btn-upl:focus,
.upload .rf-fu-btn-clr:focus {
  outline: none;
}

.upload .rf-fu-btn-add:active,
.upload .rf-fu-btn-upl:active,
.upload .rf-fu-btn-clr:active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.upload .rf-fu-btn-add {
  background-color: #00a65a;
  border-color: #008d4c;
}
.upload .rf-fu-btn-add:hover,
.upload .rf-fu-btn-add:active,
.upload .rf-fu-btn-add.hover {
  background-color: #008d4c;
}


.upload .rf-fu-btn-upl {
  background-color: #3c8dbc;
  border-color: #367fa9;
}

.upload .rf-fu-btn-upl:hover,
.upload .rf-fu-btn-upl:active,
.upload .rf-fu-btn-upl.hover {
  background-color: #367fa9;
}

.upload .rf-fu-btn-clr {
  background-color: #dd4b39;
  border-color: #d73925;
}

.upload .rf-fu-btn-cnt-add,
.upload .rf-fu-btn-cnt-upl {
  color: #fff;
}

.upload .rf-fu-btn-cnt-clr {
  color: #fff;
}
.upload .rf-fu-btn-cnt-clr:hover,
.upload .rf-fu-btn-cnt-clr:active,
.upload .rf-fu-btn-cnt-clr.hover {
  background-color: #d73925;
}

.upload .rf-fu-itm-lbl {
  word-break: break-word;
}
@media (max-width: 767px) {
  .upload .rf-fu-hdr {
    white-space: normal;
   }
  .upload .rf-fu-btns-lft,
  .upload .rf-fu-btns-rgh {
    width: 100%;
  }
  .upload .rf-fu-btns-rgh {
    text-align: left;
  }
  
  .upload .rf-fu-itm {
    white-space: normal;
  }
  .upload .rf-fu-itm-lft,
  .upload .rf-fu-itm-rgh {
     width: 100%;
  }
  
  .upload .rf-fu-itm-rgh {
    text-align: left;
  }
}

/******** collapse *******/
.collapse-panel.rf-cp {
  border: 1px solid #eee;
  padding: 0;
  margin-bottom: 20px;
  border-radius: 3px;
}

.collapse-panel .rf-cp-hdr {
  background-color: #f5f5f5;
  background-image: none;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #eee;
  padding: 10px;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}


/******** parentLinks ********/
.parentLinks {
  margin-bottom: 15px;
  display: block;
}
.parentLinks li{
  margin-bottom: 5px;
}


/****** autocomplete *******/
.form-group .rf-au {
  display: block;
  width: 100%;
  border: 0;
  background: none;
}
.form-group .rf-au span {
  display: block;
  width: 100%;
}
.form-group .rf-au span .rf-au-inp {
  width: 100%;
  border: 1px solid #d2d6de;
  padding: 6px 12px;
}

.form-group .rf-au span .rf-au-inp:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}

.form-group .rf-au .rf-au-lst-cord {
  width: 100% !important;
}
.form-group .rf-au .rf-au-shdw {
  width: 100% !important;
}
.form-group .rf-au .rf-au-shdw .rf-au-lst-scrl {
  width: 100% !important;
}
.form-group .rf-au .autocomplete-popup {
  width: 100% !important;
}

/*****************/
.var-list {
  margin-top: 10px;
}

.var-list li {
  margin-bottom: 5px;
  display: block;
}


/**************/
.box {
  box-shadow: none;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
}


/******* messages *********/
.messages-block {
  margin-bottom: 20px;
}


/******* Pages Title ******/
.page_header h1,
.page_header h2 {
  margin-bottom:0em;
}

.tools-bar {
  padding: 5px 20px;
  margin-left: 0;
  margin-right: 0;
}

/*  */
td .control-label:after {
  content: '' !important;
}

/******* Disable popover title ******/
.popover-title { display: none; }