.card-title {
    font-size: 22px;
    padding-bottom: 6px;
}
.form-label {
    margin-bottom: 5px;
    font-weight: bold;
    margin-top: 10px;
}
.field-form {
    border: 1px solid #dedede;
    background-color: #f5f5f5;
    padding: 0px 15px 15px;
    margin: 10px 0;
    border-radius: 4px;
}

.field-form .pretty {
  display: block;
  margin: 10px 0 0;
}

.form-error{
    border-color:red;
    background-color:#ffe0e0;
}
.form-success{
    border-color:green;
    background-color:#e0ffe2;
}

.right{float:right;}
.centered{text-align:center;}
.clear{clear:both;}


table{width:100%;}
.side-col{padding-top:10px;}

textarea.form-control{min-height:130px;height:130px;}


.entity_tree li{list-style:none;padding:10px;margin-top:3px;}
.entity_tree li .fas{color:#e5007d;margin-right:5px;}

.entity_tree > li{font-weight:bold;font-size:18px}
.entity_tree > li ul li{font-weight:bold;font-size:15px;border:1px solid #eaeaea;border-radius:4px;}
.entity_tree > li ul li > ul li{font-weight:normal;font-size:13px;}
.entity_tree ul{margin-top:10px;}

.entity_tree li a{color:#222;text-decoration:none;}
.entity_tree li a:hover{color:#e5007d;}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.entity_tree li.placeholder {
  position: relative;
  /** More li styles **/
}
.entity_tree li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}



.top-bar {
    padding: 30px 0;
    background: #e0e0e0;
}
#logo{background:url(/images/logo_boekzo.png) no-repeat left center;background-size:180px auto;display:block;min-height:50px;text-indent:-4000px;}
.search-bar {
  margin-top: 0;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.09);
}

#form1 {
  padding:15px 30px;
  width:400px;
}
.search-bar button.btn{
  padding-left: 20px;
  padding-right: 20px;
}
.navigation{background:#f2f2f2;padding:5px 0;line-height:1.4;}

.nav-primary{text-align:right;display:block;}
.nav-primary li{display:inline-block;}
.nav-primary li a{display:block;padding:10px;}

.nav-primary li a.active{color:#000;text-decoration:none;font-weight:bold;}


.content-body{padding:30px 0;}

.note{margin-bottom:30px;}
.note-info{border-top:1px solid #eaeaea;padding-top:5px;font-size:12px;margin-top:5px;text-align:right;color:#222;}
.user-name{margin-right:5px;color:#e5007d;font-weight:bold;}
.note-form input[type=submit]{float:right;margin-top:10px;}

.log-item .note-info{text-align:left;}

.user-postdate {
  color: #6A747C;
}

.user-space{padding:10px 0;}


section.breadcrumb{background:#f7f7f7;border-bottom:1px solid #eaeaea;margin-bottom:30px;padding:0;}
.breadcrumb li{margin-right:10px;}
.breadcrumb li a {
  color: #a7a7a7;
  text-decoration: none;
}

.breadcrumb { 
  list-style: none; 
  overflow: hidden;
  margin-bottom: 0;
}
.breadcrumb li { 
  float: left; 
  font-size:14px;
}
.breadcrumb li a {
  color: white;
  text-decoration: none; 
  padding: 10px 0 10px 45px;
  background: #555; /* fallback color */ 
  position: relative; 
  display: block;
  float: left;
}
.breadcrumb li a::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  border-left: 30px solid #555;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}
.breadcrumb li a::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}
.breadcrumb li:first-child a {
  padding-left: 10px;
}
.breadcrumb li:nth-child(2) a       { background:        #777; }
.breadcrumb li:nth-child(2) a:after { border-left-color: #777; }
.breadcrumb li:nth-child(3) a       { background:        #aaa; }
.breadcrumb li:nth-child(3) a:after { border-left-color: #aaa; }
.breadcrumb li:nth-child(4) a       { background:        #ccc; }
.breadcrumb li:nth-child(4) a:after { border-left-color: #ccc; }
.breadcrumb li:nth-child(5) a       { background:        #eee; }
.breadcrumb li:nth-child(5) a:after { border-left-color: #eee; }
.breadcrumb li:last-child a {
  background: transparent !important;
  color: black;
  pointer-events: none;
  cursor: default;
}
.breadcrumb li:last-child a::after { 
  border: 0; 
}
.breadcrumb li a:hover { 
  background: #e5007d; 
}
.breadcrumb li a:hover:after { 
  border-left-color: #e5007d !important; 
}





.msg{text-align:center;padding:15px;border:1px solid #eaeaea;background:#f8f8f8;color:#777;}
.msg.error{color:red;border-color:red;}

.delete-button{float:right;}

.form-buttons {
  margin-top: 30px;
  padding: 15px 0;
  border-top: 1px solid #eaeaea;
}

#accordion .card-header .btn-link {
  text-decoration: none;
  font-weight: bold;
  color: #000;
}
#accordion .card-header{border:none;}

.tab-pane{padding:30px;}

.list-group-item a{text-decoration:none;}
.list-group-item .active{color:#fff;}

.form-label span.summary{font-weight:normal;font-size:12px;display:block;color:#444;}

.wizard-form{margin-top:20px;}

.wizard-form label{margin-top:10px;}

.wizard-table{width:100%;}
.wizard-table th, .wizard-table td {
    padding: 5px 0;
}
.wizard-table th:last-child, .wizard-table td:last-child {
    text-align:right;
}
.wizard-table td{
    border-top:1px solid #eaeaea;
}
.wizard-table .centered .fas{
  float: right;
}

.validation_caption {
  display: block;
  color: #aaa;
  font-size: 12px;
  font-style: normal;
  width: 100%;
  clear: both;
  text-align: right;
  line-height: 1;
  margin-top: 5px;
}

.toggle-form{transition:all linear 0.2s;}
.toggle-form.opened span.fa{transform: rotate(90deg);}

span.error{color:#f00;margin-left:3px;}

.content-table{width:100%;}
.content-table tr:hover td{background-color:yellow;cursor:pointer;}

.content-table td,
.content-table th{white-space: nowrap;}

.content-table .fas{font-size:13px;line-height:1;}

.footer{padding:60px 0 120px;background:#f8f8f8;margin-top:60px;}

.footer .list-group-item {
  background: transparent;
  border-left: none;
  border-right: none;
}

.footer .list-group-item{border-color:rgba(0,0,0,.125);}
.footer .list-group-item a{color:#6A747C;}
.footer .list-group-item:first-child{border-top:none;}
.footer .list-group-item:last-child{border-bottom:none;}


/* sort form */
.sort-bar {
    margin-bottom: 1.5em;
}
.sort-form {
    line-height:2;
}
.sort-form select {
    padding: 4px;
    margin-left: 4px;
    border: 1px solid #eaeaea;
    margin-right: 10px;
}

.btn-export{margin:0 10px;}

.btn-disabled{background:#f6f6f6;border-color:#f6f6f6;color:#ccc;}


/* pagination */

.paginate .totalCounter{display:block;margin-bottom:0.5em;float:right;}

.paginate{padding:1em 0; margin:0; clear:both;text-align:left;}
.paginate li{display:inline-block;}
.paginate li a {
    background: transparent none repeat scroll 0 0;
    border:1px solid #eaeaea;
    border-radius: 0;
    color:#333;
    display: block;
    float: left;
    font-size: 13pt;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin: 0 0.5em 0.5em 0;
    text-align: center;
    transition: background-color 0.2s linear 0s;
    width: 40px;
    text-decoration:none;
}
.paginate li a.active,.month_nav li a.active{background:#e5007d;color:#fff;border-color:#e5007d;text-decoration:none;}
.paginate li a:hover,.month_nav li a:hover{background:#eaeaea;color:#333;text-decoration:none;}


.h1, h1 {
    margin-top: 15px;
    margin-bottom: 15px;
}

h1 span.file-number {
  float: right;
  font-weight: normal;
  text-decoration: none;
  font-size: 16px;
  line-height: 1;
  margin-top: 32px;
}
h1 span.file-number span.fas{font-size:16px;}
h1 span.file-number a {
  text-decoration: none;
  color: #6A747C;
  font-weight: bold;
}
h1 span.file-number a:hover{color:#e5007d;}

a{color:#e5007d;}
.btn-primary{background-color:#e5007d;border-color:#e5007d;}

h1 .fas, h1 .fa {
    color: #e5007d;
    font-size: 28px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -3px;
}

.tab-pane h4{padding-bottom:5px;}
.log-item{padding:15px;border:1px solid #f4f4f4;}

.log-table td{width:30%;}
.log-table td:last-child {
    min-width: 20px;
    text-align: right;
}

.field{clear:both;}
.field > div{display:inline-block;float:right;padding: 5px 15px;}
.field > div:first-child{float:left;}
.field > div:last-child::after{clear:both;}


.system_msg{opacity:0;position:fixed;top:0;text-align:center;left:0;width:100%;background:#fff;color:#000;padding:15px;border-bottom:1px solid #eaeaea;height:1px;overflow:hidden;transition:all linear 0.2s;z-index:10000;}
.system_msg.success{background-color:#dfffbf;color:#75ad3c;border-color:#75ad3c;}
.system_msg.show{opacity:1;height:auto;}

.memo{background:#f8f8f8;padding:15px;border:1px solid #f2f2f2;position:relative;padding-top: 45px;}

.memo .note-info{font-style:normal;}

.action-buttons {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  background-color: #f3f3f3;
  border-radius: 0 0 0 10px;
  overflow:hidden;
}
.action-buttons a {
  font-size: 16px;
  margin-right: 0;
  color: #333;
  display: inline-block;
  border-right: 1px solid #eaeaea;
  padding: 6px 12px;
  transition:all linear 0.2s;
}

.action-buttons a:hover{
  background:#e5007d;
  color:#fff;
}

.list-group-item{overflow:hidden;}
.list-group-item .action-buttons{border-radius:0;background:transparent;}
.list-group-item .action-buttons a {
  padding: 8px 10px;
}

.list-group-item.active .action-buttons a{color:#fff;}
.action-buttons a:last-child{border-right:none;}

.popup{position:fixed;width:100%;height:100%;overflow-y:scroll;background:rgba(255,255,255,0.95);display:none;z-index:100;}
.popup-close{position:fixed;top:30px;right:30px;color:#555;font-size:22px;font-weight:bold;text-decoration:none;}
.popup .popup-content {
  border: 1px solid #f3f3f3;
  padding: 30px;
  background: #f8f8f8;
  margin: 45px 0;
  box-shadow: 0 0 5px #ccc;
}
.popup .btn{margin-top:10px;}
.popup-content  .memo{background:#fff;}
.popup-content h2 {
  font-size: 23px;
  border-bottom: 1px solid #000;
  padding-bottom: 5px;
}
body.popup-open{overflow:hidden;}
.popup label{color:#000;font-size:13px;margin-top:10px;font-weight:bold;}

.downloads {
  border: 1px solid #eaeaea;
  padding: 15px;
}
.downloads ul{padding:0;list-style:none;}
.downloads h4 {
  font-size: 16px;
  font-weight: bold;
  margin-top: 0;
  border-bottom: 1px solid #eaeaea;
  padding-bottom: 10px;
}
.downloads a{
  text-decoration:none;
  display:block;
  border: 1px solid #eaeaea;
  background-color:rgba(0,0,0,.03);
  padding: 8px;
  font-size:14px;
}
.downloads a span{margin-right:4px;}
.downloads ul ul{margin-bottom:15px;}

.nav-item{position:relative;}
.tab-num {
  position: absolute;
  background: #222;
  color: #fff;
  display: block;
  width: 14px;
  height: 14px;
  line-height: 14px;
  border-radius: 50%;
  font-size: 8px;
  text-align: center;
  right: 3px;
  top: 3px;
  z-index: 1;
}
.active .tab-num{
  background-color:#e5007d;
}


.form-control.error{
  border:1px solid #f00;
  background-color: #FFCCCC;
  color:#f00;
}

.scroll-box{
  overflow-x:scroll;
}

.card-content{padding:15px;}
.card-icon{height:140px;background:#e6e6e6;position:relative;}
.card-icon span {
  width: 50px;
  height: 50px;
  line-height: 140px;
  font-size: 50px;
  margin: 0 auto;
  position: relative;
  display: block;
  color: #bbb;
}

.card-stretch .card {
  height: 100%;
}

.entity-select{cursor:pointer;opacity:0.5;transition:all linear 0.2s;margin-bottom:20px;}
.entity-select.active,.entity-select:hover{opacity:1;box-shadow:0 0 20px rgba(229,0,125,0.2);} 

.entity-select.active{
  border-color:#e5007d;
}

.entity-select.active label{
  color:#e5007d;
}
.entity-select.active label .summary{
  color:#222;
}

.entity-select.active .card-icon{
   border:1px solid #f0f0f0;
   background-color:#f9f9f9;
}
.entity-select.active .card-icon span {
    color:#222;
}

/*
.entity-select input[type=radio]{
  visibility:hidden;
  position:absolute;
}
*/

.wizard-form{
  padding:30px;
  border:1px solid #f3f3f3;
  background-color:#f8f8f8;
}

.wizard-form legend{
  color:#e5007d;
}
.field-input{padding:0;}

.field-input li label{
  width:50%;
}
.field-input li .form-control{
  width:50%;
  float:right;
}
.field-input li .form-control.small-inline:first-child{
  margin-left:0;
}

.field-input li .form-checkbox{
  float:right;
}

.multi-input,.pretty-checkbox{
  width:50%;
  float:right;
}
.multi-input .form-control.small-inline {
  width: 32.5%;
  margin-left: 1%;
  float: left;
}

.field-input li .form-control::after{
  clear:both;
}
.field-input li:hover{background:#FFF8AF !important;}
.field-input li {
  background: #e9e9e9;
  padding:20px;
  list-style:none;
  transition:all linear 0.2s;
}
.field-input li:nth-child(2n){background:#f2f2f2;}

.list-group-horizontal-md{margin-bottom:40px;}

.multi-select {
  height: 300px;
  overflow-y: scroll;
  border: 1px solid #e7e7e7;
  margin-top: 15px;
  border-radius: 5px;
}
.multi-select ul {
  list-style: none;
  padding: 5px;
  margin: 0;
  background: #f0f0f0;
}

.multi-select ul li{
  padding:0;
  font-size:14px;
  border-radius:5px;
  border:1px solid #f0f0f0;
  background:#fff;
  margin-bottom:5px;
  transition:all linear 0.2s;
}

.multi-select ul li:hover{
  background-color:yellow;
}

.multi-select ul li span.fas{
  color:#e5007d;
}

.multi-select ul li label{
  display:block;
  cursor:pointer;
  padding:10px;
}
label.checked{
  background-color: #BDF1B8;
}

/*
.multi-select ul li input[type=checkbox]{
  display:none;
}
*/

.relation-form .search-box {
  padding: 0;
  border-radius: 5px;
  box-shadow: 2px 2px 25px rgba(0,0,0,0.09);
  position: relative;
  overflow: hidden;
}
.relation-form .search-box .search-box-input {
  width: 100%;
  padding: 15px;
  border:1px solid #f5f5f5;
}
.relation-form .search-box button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  color: #fff;
  background-color: #e5007d;
  width: 70px;
  height: 100%;
  font-size: 20px;
}

.template-stage{
  padding:.75rem .75rem;
}


.field-list li .field_hide{
  display:none;
}

.error-empty{
  color:#f00;
  background: #FFBFBF;
}

#link-stage {
  padding: 0;
}

.field-receiver {
  display: inline-block;
  padding: 3px;
  min-height:30px;
  min-width:100px;
  width:140px;
}

#field-select{
  padding:0;
  height:600px;
  overflow-y:scroll;
  background:#fff;
  padding:10px;
  border:1px solid #fff;
  border-radius:4px;
}

#field-select ul li{
  padding:5px;
  border-bottom:1px solid #ccc;
}
#field-select > ul{
  padding-left:5px;
}

#field-select .draggable {
  display: block;
  background: #fff;
}

#link-select > li > ul{
  display:none;
}