/******************************** 
    BOOTSTRAP CHECKBOX 
********************************/

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

    .checkbox .cr .cr-icon,
    .radio .cr .cr-icon {
        position: absolute;
        font-size: .8em;
        line-height: 0;
        top: 50%;
        left: 20%;
    }

    .radio .cr .cr-icon {
        margin-left: 0.04em;
    }

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

    .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .radio label input[type="radio"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .radio label input[type="radio"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .checkbox label input[type="checkbox"]:disabled + .cr,
    .radio label input[type="radio"]:disabled + .cr {
        opacity: .5;
    }

.panel_vcenter {
    margin-top: 18%;
}

#wrapper {
    margin: 15px 5px 5px 5px;
    padding: 5px;
}

.gridview_sepratore > div {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0px;
}

.overflowauto > div {
    overflow: auto;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 0px;
}


/*login page header logo*/
.logo-image-parent {
    background-color: white;
    padding: 5px;
}

    .logo-image-parent > img {
        width: 100%;
    }

.navbar-brand > img {
    max-width: 100%;
}

.navbar-header {
    width: 100%;
}

.cstpl_btn_logout {
    margin-top: 30px;
}
/******************************** 
RESPONSIVE    
********************************/
@media(max-width:766px) {
    .navbar-brand {
        float: left;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
        display: inline-block;
        width: 80%;
    }

    .cstpl_btn_logout {
        margin-top: 25px;
        margin-right: 10px;
    }
}

@media(max-width:400px) {
    .navbar-brand {
        width: 85%;
    }

    .cstpl_btn_logout {
        margin-top: 12px;
    }
}

@media(max-width:365px) {
    .navbar-brand {
        width: 80%;
    }
}