/* Bootstrap 4 default overrides */

.btn {
    border-radius: 1px;
}

/* Smaller input fields */
.form-control {
    font-size: .875rem;
    line-height: 1.4;
    /*border-radius: .2rem;*/
    border-radius: 1px;
    font-size: 12px;
}
    .form-control:focus {
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
    }

    .btn:focus, .btn.focus {
        outline: 0;
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
    }
    
    .btn-primary:focus, .btn-primary.focus {
        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1);
    }

.btn-secondary:focus, .btn-secondary.focus,
.btn-secondary:active, .btn-secondary.active {
    box-shadow: 0 0 0 2px rgba(134, 142, 150, 0.1);
}

/** Smaller buttons */
.btn {
    padding: .25rem .75rem;
    font-size: .875rem;
    line-height: 1.5;
}

.ck-editor__editable.ck-focused {
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.1) !important;
    border-color: #80bdff !important;
}

.label { /* same style as label element */
    display: inline-block;
}

.form-control[readonly] {
    background-color: white;
    opacity: 1;
}

.image-button, input[type=image]
{
    display: inline-block;
    vertical-align: middle;
}

span.form-check-input {
    margin-top: 0;   
}

.cold-button
{
    margin: 0px !important;
}

.input-group-addon.primary {
    color: rgb(255, 255, 255);
    background-color: rgb(50, 118, 177);
    border-color: rgb(40, 94, 142);
}

.input-group-addon.success {
    color: rgb(255, 255, 255);
    background-color: rgb(92, 184, 92);
    border-color: rgb(76, 174, 76);
}

.input-group-addon.info {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 179, 215);
    border-color: rgb(38, 154, 188);
}

.input-group-addon.warning {
    color: rgb(255, 255, 255);
    background-color: rgb(240, 173, 78);
    border-color: rgb(238, 162, 54);
}

.input-group-addon.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(217, 83, 79);
    border-color: rgb(212, 63, 58);
}

.popup-select .icon-button
{
    /*padding: 3px;
    margin: 0px;
    display: block;
    float: right;
    height: 2.0em;
    width: 2.0em;
    font-size: 11px;*/
}

.button-container 
{
    margin: 10px 0px;
}

.form-container tr
{
    vertical-align: top;
}

.form-container table td, fieldset table td
{
    vertical-align: top;
    padding-right: 10px;
}

.form-container label, .form-container .label
{
    display: inline-block;
    margin: 6px 0px;
}

.form-container .validation-message
{
    margin: 6px 0px 6px 6px;
}

col.label-column 
{
    width: 180px;
    padding-right: 5px;
}

span.label-span
{
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}

col.editor-column 
{
   padding-left: 10px; 
}

col.hint-column, col.validation-column
{
    width: 50px;
}

.input-xsmall 
{
    width: 50px;
}

.input-small 
{
    width: 100px;
}

.input-medium 
{width: 200px;}

.input-large 
{
    width: 350px;
}

.input-xlarge 
{
    width: 500px;
}

.input-takeall 
{
    width: 100%;
}

.form-container > table td 
{   
    padding: 3px 3px;
}

/* Ajax control toolkit overloads */
.ajax__tab_xp .ajax__tab_body 
{
    font-size: inherit !important;
    font-family: inherit !important;
}

.ajax__calendar
{

}

.ajax__calendar td 
{
    padding: 0px !important;
    margin: 0px;
    vertical-align: middle;
}

.ui-voortgangselect {
    width : 400px;
}

th .table-header-explanation-icon {
    float: right;
}

th .table-header-title {
    line-height: 16px; 
    vertical-align: middle;
    float: left;
}

#information-overlay ul {
    list-style-type: disc !important;
    list-style-position: inside;
    padding: 5px;
}

#information-overlay ul li {
    margin: 3px 0;
    line-height: 1.3em;
}

.grid-pagination td {
    background-color: white;
}

.dropdown-menu {
    border-radius: 1px;
    font-size: 13px;
}

.invalid-feedback {
    display: inline;
}

.ck-editor__editable {
    background: white;
}

.tree-selected-node {
    font-weight: bold;
}