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

div.content_bg {
	border:none;
}
.panel-success>.panel-heading,
.panel-primary>.panel-heading {
    background-image: url('/afbeeldingen/track_bg.png');
    background-repeat: repeat;
    background-position: left center;
}

.nav-tabs>li>a {
    background-color: #f9f9f9;
    color: #a0a0a0;
}

.tab-pane {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.previous-step i {
    padding-top: 3px;
    padding-right: 3px;
}

.next-step i {
    padding-top: 3px;
    padding-left: 3px;
}

.panel-footer {
    background-color: rgba(86, 86, 86, 0.15);
}

.imgContainer {
    max-height: 160px;
    width: 180px;
    margin: 0 auto;
    text-align: center;
}

.attachmentRow {
    //height: 250px;
    border-bottom: 1px solid #ccc;
    padding: 20px;
}

.badge {
	border-radius: 0px;
}

.list-group-item {
    //background-color: rgba(255, 255, 255, 0);
    //background-color: #fbfbfb;
    -webkit-transition: background-color .2s ease-in-out;
    -o-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out;
}

.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus {
    background-color: #eeeeee59;
    color: #a8a0a8;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.extraOption {
    z-index: 100;
}

.infoModal {
    z-index: 101;
}


 .modalImg { height: 250px; }   

    /* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

    /* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
    .modalImg { height: 150px; }    
}

    /* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .thumbnail h3 {
        height: 55px; 
    }
    .modalImg { height: 250px; }       
}

    /* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .modalImg { height: 250px; } 
}

    /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .thumbnail h3 {
        height: auto; 
    }
     .modalImg { height: 250px; } 
}

.extraOption {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #ccc;
}

.addItem {
    z-index: 100;
}

.removeItem {
    z-index: 200;
}

.addItem:hover {
    cursor: pointer;
}

.list-group-item {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.list-group-heading {
    font-weight: bold;
    background-color: #f6f6f6;
}

.list-group.selected .list-group-item {
    background-color: #c5e6c8;
}

.list-group-item.selected, .extraOption.selected {
    background-color: #dff0d8;
}

.list-group.disabled {
    background-color: #f6f6f6;
    color: #f6f6f6;
}

.modal .modal-inner {
    padding-right: 40px;
    padding-left: 40px;
    padding-bottom: 40px;
    padding-top: 20px;
    min-height: 400px;
}

.modal .modal-inner h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}

.list-heading {
    background-color: var(--bs-gray);
    color: var(--bs-white);
    padding: 7px;
    background-repeat: repeat;
    background-position: left center;
    font-weight: bold;
}

.popover {
    max-width: 700px;
}

.no-padding {
    padding: 0px
}

.thumbnail {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin-bottom: 30px;
    border: 1px solid #ccc;
}

.thumbnail:hover {
    border: 1px solid #b5b5b5;
}

.thumbnail a {
    text-decoration: none;
}

.thumbnail.selected {
    //box-shadow: 0px 4px 10px 3px rgba(150,150,150,0.65);
    border: 1px solid rgba(60, 118, 61, 0.5);
}

.thumbnail.selected h3 {
    background-color: #c0e6c0;
}

.thumbnail h3 {
    background-color: #ffe2a4;
    border-radius: 0px;
    padding: 5px;
    font-size: 20px;
}

.thumbnail .caption {
    padding: 4px;
    color: #333;
    background-color: #eee;
}

.panel-primary .panel-title>a,  .panel-primary .panel-title>a:hover {
    color: white;
}

.table-small td, .table-small strong {
    font-size: 13px;
}

.tab-pane {
    padding-top: 20px;
}

.thumbnail-grid {
    border: 0px;
    vertical-align: middle;
    display: table-cell;
}

.alert {
    margin-bottom: 10px;
}


.se-slope .se-content{
	margin: 0px 0px 0px 30px;
}

.se-slope-black:nth-child(odd):after,
.se-slope-black:nth-child(even):after{
	content: '';
	position: absolute;
	display: block;
	bottom: 0px;
	width: 0px;
	height: 0px;
	border-top: 150px solid transparent;
	border-bottom: 150px solid transparent;
}
.se-slope-black:nth-child(odd):after{
	border-right: 60px solid #e90089;
	right: 0px;
}
.se-slope-black:nth-child(even):after{
	border-left: 60px solid #e90089;
	left: 0px;
}
.se-content h1, .se-content h2{
	z-index: 10;
    font-size: 25px;
    position: relative;
    display: inline-block;
    padding: 15px 20px;
    line-height: 18px;
    height: 50px;
    color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.9);
}
.se-slope.se-slope-black h1,.se-slope.se-slope-black h2{
	background: #e90089;
}
.se-slope.se-slope-pink h1,.se-slope.se-slope-pink h2{
	background: #484848;
}
.se-slope.se-slope-black h1:after,
.se-slope.se-slope-black h1:before,
.se-slope.se-slope-pink h1:after,
.se-slope.se-slope-pink h1:before,
.se-slope.se-slope-black h2:after,
.se-slope.se-slope-black h2:before,
.se-slope.se-slope-pink h2:after,
.se-slope.se-slope-pink h2:before  {
	content: '';
	width: 0px;
	height: 0px;
	top: 0px;
	position: absolute;
}
.se-slope.se-slope-pink h1:after,
.se-slope.se-slope-pink h2:after{
	border-top: 50px solid transparent;
	border-right: 30px solid #484848;
	left: -30px;
}
.se-slope.se-slope-pink h1:before,
.se-slope.se-slope-pink h2:before{
	border-bottom: 50px solid transparent;
	border-left: 30px solid #484848;
	right: -30px;
}

.modalImgContainer {
    min-height: 350px;
}

#attachments-tab-content { min-height: 750px; }

.color-tooltip + .tooltip > .tooltip-inner { background-color: #ffe2a4; color:#000; }
.color-tooltip + .tooltip.top > .tooltip-arrow { display: none; }