/*
=================================================================== 
= >1500 pixels                                              =  
=================================================================== 
*/
@media only screen and (min-width: 1500px)  {


    .maincontainer, .main_content {
        width: 80%;
    }






}


/* correcties normale css (nu alleen voor webtools) */
/* ================================================ */
.webtools div.maincontainer {
    width: 95%;
}
.webtools div.body_left {
    width: 100%;
}
.webtools div.lft_content {
    width: 100%;
}
.webtools div.actueel_blog {
    width: 100%;
    padding-left: 10px;
}
.webtools div.actueel_blog_rht.avf {
    width: 95%;
}

/* tabel kredietaanvraag (responsive) */
.avresp {
    display: flex;
    flex-direction: row;
    font-family: Lato;
    color: #082F5E;
    font-size: 13px;
    min-height:45px;
}
.avresp .colhead { flex: 1 auto; background-color:#E5E5E5; font-weight:bold; font-size:14px; padding: 8px 0 8px 10px; margin:4px 4px 10px -6px; border-radius:5px; }
.avresp .col1 { flex-basis: 200px; flex-shrink: 0; height: 30px; padding-top: 10px; }
.avresp .col2 { flex: 1 auto; height: 30px; padding:2px 12px 0 0; }
.avresp .col3 { flex-basis: 120px; flex-shrink: 0; height: 30px; padding-top:2px; }

.avresp .col2-flex1 { flex-grow:1; padding-right:12px; }
.avresp .col2-flex3 { flex-grow:3; padding-right:12px; }
.avresp .col2-flex4 { flex-grow:4; }

.avresp .col1.samenvatting { height:auto; padding-top:initial; }



.avresp.kader {
    background: #edf2fb;
    border: 1px solid #ccc;
    border-radius: 8px;
    padding: 10px;
    margin: 0 10px 15px 0;
}


/*
.avresp input[type=text] {
    flex-basis: 100%;
    width: 100%;
}
.avresp select {
    flex-basis: 100%;
    width:100%;
}
.avresp textarea {
    flex-basis: 100%;
    width: 100%;
}
*/


/* mobile screens */
@media screen and (max-width: 760px) {
    .webtools div.maincontainer { width: 92%; }
    .webtools div.actueel_blog { padding-left: 2px; }
    
    .avresp {
        display:block;
        font-family: Lato;
        color: #082F5E;
        font-size: 13px;
    }
    .avresp .col1 { width:95%; padding-top:15px; height:36px; }
    .avresp .col2 { width:95%; float:left; }
    .avresp .col3 { display:inline-block; }

    .avf-clickpad a {
        font-size: 80%;
    }

    /* helpteksten onder velden */
    div.helptxt {
        position:relative;
        width: 95%;
        border: 1px solid #ddd;
        background-color: #f5f5f5;
        padding: 5px 7px;
        margin-top: 18px;
        font-size: 12px;
        line-height: 19px;
        display: none;
    }
    div.helptxt.min150, div.helptxt.min100, div.helptxt.min60 { 
        margin-top:10px; 
    }

    .hidemobile { display:none; }
    .tabav .complogo img { width:70px !important; }
    .tabav .compamount { font-size: 15px; }
}