﻿.pointer{cursor:pointer;}
.ad_small{font-size:100%;}

/* Hier komen de zelf ingestelde stijlen */

.colorsuccess{color:#5cb85c;}
.colordanger{color:#d9534f;}

.errormessage{background-color:red;color:#fff;text-align:center;margin:10px 0;padding:6px;font-size:14px;border-radius:6px;}


/* ------------------------- */
/* Extra bootstrap elementen */
/* ------------------------- */

/* buttons */
.btn-disabled {
    background-color:#ccc;
    color:#fff;
}


/* badges */
.badge-success {
    background-color:#5cb85c;
    color:#fff;
}

.badge-danger {
    background-color:#d9534f;
    color:#fff;
}

.badge-profile {
    background-color:#22bcff;
    color:#fff;
}

.badge-white {
    background-color:#fff;
    color:#333;
}

.badge-001 {
    background-color:#133977 !important;
    color:#fff !important;
}

.input-xs {
    height: 22px;
    padding: 2px 5px;
    font-size: 12px;
    line-height: 1.5; /*If Placeholder of the input is moved up, rem/modify this.*/
    border-radius: 3px;
}



/* ------------------- */
/* Formulier elementen */
/* ------------------- */

legend{color:#ed8b00;}
legend.simple{color:#393a3b;font-size:smaller;margin-bottom:6px;text-transform:uppercase;}

/* nodig voor mooie button select file */
.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {position: absolute;top: 0;right: 0;min-width: 100%;min-height: 100%;font-size: 100px;text-align: right;filter: alpha(opacity=0);opacity: 0;outline: none;background: white;cursor: inherit;display: block;}

/* upload */
.uploadbar{
    background: green;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    text-align:center;
    padding:6px;
    margin:0 0 10px 0;
    -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
}



/* ------------------- */
/* Ajax */
/* ------------------- */

.AD_Progress {background:url(/Content/images/Ajax/loader.gif) no-repeat right top;}

/* ------------------- */
/* Ajax */
/* ------------------- */

div.objectList{border:solid 1px #808080;padding:15px;margin-bottom:20px;}
div.objectList div.objectListDate{font-weight:bold;margin-bottom:9px;cursor:pointer;}
div.objectList div.objectListMemo{display:none;}
div.objectList div.objectListMemo h1{font-size: 16px;margin-top:10px;}
div.objectList div.objectListMemo h2{font-size: 14px;margin-top:10px;}
div.objectList div.objectListMemo h3{font-size: 12px;margin-top:10px;}
div.objectList div.objectListMemo table td{padding-right:9px;}

/* ------------------- */
/* Listviews */
/* ------------------- */

div.cellsection{border-bottom: solid 1px #ddd; font-size:10px;text-transform:uppercase;margin-bottom:6px;margin-top:9px;text-align:right}
div.listviewbuttongroup{display:block;margin:6px 25px 0 0;}
div.listviewbuttongroup a{margin-bottom:3px;}



/* ------------------- */
/* Modals */
/* ------------------- */

div.modalsection{border-bottom: solid 1px #ddd; font-size:10px;text-transform:uppercase;margin-bottom:6px; text-align:right;}
div.modalsectiondetails{padding:0 0 30px 0;}

/* tabs in modals*/
div.modal-body .nav-tabs > li.active > a{color:#fff;background-color:#133977;}


/* ------------------- */
/* Trees */
/* ------------------- */

/* tree item add */
input.treeitemadd{border:solid 1px #daaa00;}

.tree li.treeitem {
    margin: 0px 0;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0px 5px;
}
.tree li.treeitem::before {
    content:'';
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    right: auto;
    left: -20px;
    border-left: 1px solid #ccc;
    bottom: 50px;
}
.tree li.treeitem::after {
    content:'';
    position: absolute;
    top: 30px;
    width: 25px;
    height: 20px;
    right: auto;
    left: -20px;
    border-top: 1px solid #ccc;
}

/*Remove connectors before root*/
 .tree > ul > li.treeitem::before, .tree > ul > li.treeitem::after {
    border: 0;
}
/*Remove connectors after last child*/
 .tree li.treeitem:last-child::before {
    height: 30px;
}


/* ------------------- */
/* Evenementen */
/* ------------------- */

div.inschrijving{border:solid 1px #ccc;padding:3px 9px;margin:0 3px 3px 0;}
div.inschrijving div.buttons{float:right;}

div.inschrijving span.naam{font-size:14px;}

div.inschrijving div.genodigden,
div.inschrijving div.opmerkingen,
div.inschrijving div.referentie{padding-left:0px;font-size:10px;text-transform:uppercase;}

div.inschrijving div.genodigden span,
div.inschrijving div.opmerkingen span,
div.inschrijving div.referentie span{text-decoration:underline;}

