﻿body {
    /*font-family: 'Segoe UI' !important;*/
    font-weight: normal !important;
}

h4 {
    font-size:1.4rem;
}

h6 {
    font-weight:bold !important;
    margin-bottom:0px;
}

.container-fluid a {
    color: inherit !important;
}

.mt-30 {
    margin-top: 30px;
}

.mt-60 {
    margin-top: 60px;
}

.cml-5 {
    margin-left:5px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-15 {
    margin-left: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-30 {
    margin-bottom: 30px;
}

.cml-15 {
    margin-left:-15px;
}

.pt-3 {
    padding-top:3px;
}

.pt-5 {
    padding-top:5px;
}

.pb-15 {
    padding-bottom:15px;
}

.pb-25 {
    padding-bottom:25px;
}

.pb-30 {
    padding-bottom:30px;
}

.pl-10 {
    padding-left: 10px;
}

.m0auto {
    margin:0 auto;
}

.centerDiv {
    display: flex;
    align-items: center;
    justify-content: center;
}

.centerDivLeft {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.sticky-bottom {
	position: sticky;
	position: -webkit-sticky; /*BRO, 04-10-2018, Safari verwacht -webkit-sticky ipv alleen sticky*/
	bottom: 0;
	padding-top: 5px;
	padding-bottom: 30px;
}

.form-control:focus {
    box-shadow:none;
}

.borderRadius {
    border-radius: .25rem;
}

.quickfix2 > label {
    margin-bottom: 0px;
}

.animate6 .btn:focus {
    box-shadow: none;
}

.navbar-toggler {
    margin-left: auto;
}

.label {
    font-weight: 100 !important;
}

.affix {
    top: 0;
    width: 100%;
    z-index:  9999 !important;
}

.table > tbody > tr > td:last-child {
    border-bottom: 1px solid #ddd;
}

.form-control {
    background-color: transparent;
    font-size: 9pt !important;
}

.customTop {
    top: 20px;
}

.tableTitle {
    font-weight: bold;
    font-size: 20px;
    padding-top: 2px;
}

input[type="checkbox"].ios + div > div {
    margin-top:0px !important;
}

/*DD 25-03-21: ALG-670 */
input[type="radio"] {
    margin-top: 1px !important; 
}

/*
    JIRA:AD-181 overbodig en zorgde voor tijdvertraging
    #cardholder > :nth-last-child(1) {
    margin-bottom:15px;
}*/

.card .card-body .row:nth-of-type(Odd) {
    background-color: rgba(0,0,0,.05);
}

.awesomplete {
    width:100% !important;
}

.footer-text {
    display:inline-block;
    padding-left: 10px;
}

.text-left {
    text-align: left;
}

b {
    font-weight: bold !important;
}

input[type="button"], input[type="button"]:active, input[type="button"]:focus, input[type="submit"], input[type="reset"], button, .menuknop {
    /*DD: 19-3-21: ALG-1142: button revamp; padding: 0px 10px !important;*/
}

/*JIRA:ALG-501 styling sweetalert*/
/*button.swal2-confirm.swal2-styled {
    padding: 10px 32px !important;
}*/
/*DD: 23-03-21: ALG-1128*/
/*.swal2-confirm.btn-success.btn-large.showmsg {
    padding: 10px 32px !important;
}

*:focus:not(.swal2-cancel) {
    outline: none !important;
}*/
/* HBO: UX-12 22-12-2020 nieuw login-scherm */
/*#username {
    padding: 1px 2px 0px 30px !important;
}

#password {
    padding: 1px 2px 0px 30px !important;
}
*/
.img_google_maps_icon {
    width: 19px !important;
    height: 19px !important;
    background-size: 100% !important;
    vertical-align: bottom;
}

.jqx-tooltip-main {
    text-align:left !important;
}

/*.loginwrapper input {
    font-size: 9pt !important;
}
*/
.br-3 {
    border-radius: 3px;
}
.br-3:focus {
    box-shadow: 0 0 0 0.2rem rgba(23,162,184,.5);
}

/*DD: 23-03-21: ALG-1128*/
/*button.swal2-confirm.btn-success.marginright.btn-large.w50,
button.swal2-confirm.primary_green.marginright.btn-large.w50,
button.swal2-cancel.btn-secondary.btn-large.w50
button.swal2-cancel.primary_red.btn-large.w50 {
    height: 40px !important;
}*/

input#knop_grbzoek {
    padding: 0px 5px !important;
}
input#knop_grbrefresh {
    padding: 0px 4px !important;
}
#ZDKnop_InkVrk,
#ZDKnop_CreArt,
#ZDKnop_Regels,
#ZDKnop_VoorkGrb,
#ZDKnop_FacVrk,
#ZDKnop_Prijsafs,
#ZDKnop_AanvAdres,
#ZDKnop_Contactp {
    /* DD: 19-3-21: ALG-1142: button revamp; padding: 0px !important;*/
}
label.valignmiddle.pointer {
    margin-bottom: 0px;
}

#c-menu--push-right .c-menu__close {
    padding: 12px 24px !important;
}




/* MEDIA QUERIES */
@media (min-width: 768px) {
    .form-horizontal .control-label {
        text-align: left;
    }
    textarea {
        width: 450px;
        min-height: 70px;
        padding-right: 2px;
        border: 1px solid var(--king_menu_border);
        background-color: var(--king_textfield_back);
        color: var(--king_textfield_color);
    }
    .flex-column {
        flex-direction: initial !important;
    }
    .semicolon {
        display:none;
    }
    .spanLabelAdministratie,
    .spanLabelGebruiker {
        display:inline-block;
    }
    .extraInfoLabel {
        display: inline-block;
        margin-left: 10px;
    }
    .centerDivLeftMDHigher {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
}

@media (min-width: 1200px) {
    .navbar-dark {
        border: none;
        margin: 1px;
    }
    .centerDivLeftXL {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    .centerDivRightXL {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
}

@media (max-width: 576px) {
    .text-left-xs {
        text-align:left;
    }
    .text-right-xs {
        text-align: right;
    }
    .d-xs-block {
        display:block !important;
    }
    .d-xs-none {
        display: none !important;
    }
    #sticky-bottom-edittabel_formEMLFIN_EDIT #knop_sluiten {
        margin-bottom: 5px;
    }
    #knop_overnemen {
        margin-top:5px;
    }
}

@media (max-width: 768px) {
    .form-control {
        border:none;
    }
    textarea {
        height: 90px !important;
    }
    textarea{
        box-sizing: border-box;
        width: 100% !important;
    }
    /* HBO-UX-16-10-2-2021 */
    [name='quickfix2'] > input[type="text"] {
        box-sizing: border-box;
        width:90% !important;
    }
    .navbar-toggler {
        margin-left: 0px; 
    }
    .quickfix1 {
        border: 1px solid #ced4da;
        border-bottom: none;
    }
    .quickfix2 {
        border: 1px solid #ced4da;
        border-top: none;
        border-radius: unset;
    }
     .quickfix2:last-child {
        border-bottom: none;
    }
    .text-xs-center {
        text-align: center;
    }
    .mtb-5 {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .divider {
        width: 100% !important;
        border-bottom: 1px solid #fff;
        display: inline-block;
        height:0 !important;
        border-left:none !important;
    }
    .semicolon {
        display:inline-block;
    }
    .spanLabelAdministratie,
    .spanLabelGebruiker {
        display:none;
    }
    .jcFe-sm {
        justify-content: flex-end;
    }
    .card-body {
        padding-bottom: 0px;
    }
    .awesomplete {
        width:100% !important;
    }
    .fa-list-alt {
        margin-right: 0px !important;
    }
}

@media (max-width: 992px) {
    #sticky-bottom-edittabel_formEMLFIN_EDIT #knop_sluiten,
    #knop_smtpinfo {
        margin-top: 5px;
    }
}

/* Standard syntax */
@keyframes mymove {
    0%   {background-color: #F4F77C;} 
    100% {background-color: initial;}
}


#row00d_div_gridinfo_content_grid .jqx-input {
    height: 21px !important;
    box-sizing: border-box !important;
}
