﻿body {
  padding-top: 70px;
  padding-bottom: 30px;
}

p
{
    text-decoration: none !important;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.img-logo
{
    float: right;
    height: 100px;
}

.lg-custom
{
    padding-top: 10px;
    font-weight: bold;
    cursor: pointer;
    list-style-type: none; 
}

.label-regular{
    font-weight: normal;
}

.ondertekening-toelichting{
    padding-bottom: 20px;
}

#tabs{
    font-size: 12px;
    text-decoration: none !important;
}


h4 {
    font-weight: bold;
    font-size: 14px;
    margin-top: 0px;
    color: #2d6ca2;
}

h5{
    font-weight: bold;
    font-size: 18px;
}

.tbl-overview
{
    border: 0px;
    border-top: 1px solid #CFCFCF;   
    /*border-bottom: 1px solid #CFCFCF;*/
}

.tbl-overview {
    margin-top: 20px;
}

.td-spacer{
    width: 50px;
}

.div-spacer-30
{
    height: 30px;
}

.lbl-overview
{
    width: 225px;
    font-weight: bold;
    font-size: 11px;
    padding: 3px;
    vertical-align: top;
}

.lbl-overview-gegevens{
    width: 325px;
    font-size: 11px;   
    padding: 3px;
    vertical-align: top;
}

.anders
{
    width: 80%;
    margin: 0 20px 13px 20px;
}


.large
{
    width: 70%;
    margin-bottom: 13px;
    float: left;
    display:inline;
}

.medium
{
    width: 40%;
    margin-bottom: 13px;
    float: left;
    display:inline;
}

.small
{
    width: 13%;
    margin-bottom: 13px;
    float: left;
    display:inline;
}

.spacer{
    width: 20px;
    margin-bottom: 13px;
    float: left;
    display:inline;
}

.volgende
{
    text-align: right;
}




.opmerking
{
   font-style: italic;
    
}


.form-inleiding, .form-overzicht-groep
{    
    font-style: normal !important;
    margin-bottom: 16px;
    font-size: 12px;
    text-decoration: none !important;
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
    border-left-color: orange;
}

.form-overzicht-groep
{
    border-left-color: #0088cc;
}


.textarea{
    height: 250px;
}

.div-adresgegevens
{
    font-weight: bold;
    font-size: 12px;
    padding-left: 20px;
}

.label-info
{
    float: right;
    display:block;
    height: 32px;
    margin-bottom: 20px;
    width: 85%;
    overflow-wrap: normal;
    padding-top: 10px;
   
}

.div-hoofdbuttons
{
    padding-bottom: 20px;
}

.custom-group {

}

.next, .nextNoSubmit, .nextConfirm, .btn-afronden { margin: 0 0 10px 0 }
.previous { margin: 0 10px 10px 0; }
.pdf { margin: 0 0 10px 10px; }


.right 
{
    float: right;
    margin-right: 50px;
}

.ui-state-disabled { opacity: 1 !important; }
.ui-state-default > a { cursor: default !important; }

.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}


.inp_small
{
    width: 100px;
}

.forlabel
{
    margin-left: 10px;
}

.vervoersdag-div
{
    width: 150px !important;
    float: left;
    position: relative;
}

.vervoersdagen
{
  padding-bottom: 10px;
  margin-bottom: 50px;
}

.custom-tooltip-styling
{

}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ui-tabs-anchor
{
    font-weight: bold;
    color: #2d6ca2 !important;
}

#footer {
   position:fixed;
   left:0px;
   bottom:0px;
   height:30px;
   width:100%;
   background:#999;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

.default-link
{
    color: #428bca !important;
    text-decoration: underline;
}

.mgleft10{ margin-left: 10px;}
.mgleft100{ margin-left: 100px;}

.div-hoofdkeuze{
    width: inherit;
    margin:0 auto;
}

.keuze-container
{
    margin-top: 40px;   
}

.thumbnail .caption {
  height: 300px;
}

.div-button{
    position: absolute;
    bottom: 0;
    padding-bottom: 40px;
}

.has-feedback ul{ visibility: hidden; height: 0px;}

@media only screen 
and (max-device-width : 1024px)  
{ 
    #thumbnail-label { font-size:  20px !important; } 
    .caption p { font-size:  15px !important; } 
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1200px)  
{ 
    #thumbnail-label { font-size:  21px !important; } 
    .caption p { font-size:  16px !important; }


}

@media only screen 
and (min-device-width : 768) 
and (max-device-width : 1024px)  
{ 
    #thumbnail-label { font-size:  20px !important; } 
    .caption p { font-size:  16px !important; }
    .form-overzicht-groep label {
        font-size: 10px !important;
    }

    
}


#btn-under-ajax-upload
{
    position: relative;
    top: 450px;
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom: 1;
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    -moz-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.current-server-definition {
    float: right;
    padding: 15px;
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: underline;
    cursor: help;
}
form[name="NieuweLogin"] .form-group ul{
    display: none;
}