.zoekfilter-firstbtn {
    margin-top:-10px;
}

.disabled.btn-default, .active.disabled.btn-default, .focus.disabled.btn-default, .disabled.btn-default:active, .disabled.btn-default:focus, .disabled.btn-default:hover, [disabled].btn-default, [disabled].active.btn-default, [disabled].focus.btn-default, [disabled].btn-default:active, [disabled].btn-default:focus, [disabled].btn-default:hover, fieldset[disabled] .btn-default, fieldset[disabled] .active.btn-default, fieldset[disabled] .focus.btn-default, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover {
    background-color: #337ab7 !important;
    border-color: #2e6da4 !important;
}

.font-normal {
    font-size:14px;
    color:white;
}

.font-big {
    font-size:16px;
    color:white;
}

.font-large{
    font-size:18px;
    color:white;
}

.font-sizes {
    margin-right:20px !important;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {
    cursor: pointer;
    *cursor:hand: ;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background-repeat: no-repeat;
    background-position: top 25px right 10px;
}

table.dataTable thead .sorting_desc {
    background-image: url("../img/black-desc.gif");
}

table.dataTable thead .sorting_asc {
    background-image: url("../img/black-asc.gif");
}

table.dataTable thead .sorting {
    background-image: url("../img/black-unsorted.gif");
}

.footer-menu .disabled {
    color:#fff;
    opacity:0.6;
}

.footer-menu .disabled > a:hover {
    color: #fff;
    cursor:not-allowed;
    opacity:0.6;
}

.input-group .rounded {
    border-radius: 4px !important;
}

.modal-search-body {
    padding:15px;
    background-color:#edf1f3;
}

.form-display-field {
    padding-top:7px;
    padding-left:20px;
}

.decimal {
    text-align:right;
    padding-right:25px;
}

.search-form-label {
    padding-top:5px;
    text-align:right;
}

.search-button,
#Zoekargumenten .input-group-addon {
    cursor: pointer;
}

#JuwelierTabel {
    width: 100%;
    background-color: #EDF1F3;
}
#JuwelierTabel td {
    padding: 5px;
}
#JuwelierTabel td:last-child {
    width: 300px;
}

#ReparatieStatusOverzicht th  {
    padding-bottom: 5px;
    font-weight: bold;
}

#ReparatieDetails #ReparatieBasis div {
    padding-top: 0px;
}

#ReparatieDetails #ToonReparatie {
    width: 403px;
    margin-right: -15px;
    margin-left: -15px;
}
    #ReparatieDetails #ToonReparatie td {
        padding: 0px 15px 20px 15px;
        border: none;
        width: 58.33333333%;
    }
        #ReparatieDetails #ToonReparatie td:first-child {
            font-size: 1.143em;
            font-weight: 700;
            text-align: right;
            width: 41.66666667%;
        }

i.fa.fa-check-circle-o {
    color: #31D103;
    padding: 5px 5px 0 5px;
    font-size: 125%;
}

#ReparatiesVoorPakbon .filter .search {
    background: #fff;
    padding: 2px;
    margin-bottom: 5px;
}

.ContentMessage, .ContentFout {
    padding-bottom: 0px 0px 15px;
}



/*#region maintenance*/

div#maintenancemessagepanel {
    margin: 20px;
    padding: 15px 10px;
    text-align: center;
    color: #31708f;
    font-size: 14pt;
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    border-radius: 4px;
}
	#maintenancemessagepanel i.fa.fa-exclamation-triangle {
		padding-right: 5px;
	}
    #maintenancemessagepanel div {
        font-family: monospace;
        display: inline;
        font-weight: bold;
    }
        #maintenancemessagepanel div#colon,
        #maintenancemessagepanel div#updateseconds {
            display:none;
        }

/*#endregion*/

/*#region loading with css*/
.popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    z-index: 999999;
    background: rgba(238, 238, 238, 0.6);
}

.loading {
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid #358EFF;
    border-top: 4px solid transparent;
    height: 3rem;
    width: 3rem;
    box-sizing: border-box;
    -webkit-animation: rotate-loading 1100ms infinite linear;
    animation: rotate-loading 1100ms infinite linear;
    border-radius: 50%;
}

@keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-loading {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*#endregion*/