@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600');

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}
/*
@media (max-width: 576px) {
    .container {
        width: 90%;
    }
}*/

/* fix the issue of the floating cursor on (near) inputs inside modals, on iphones */

@media (max-width: 575px) {
    .modal-open { position: fixed; }
}

label { margin-bottom: 0.1rem; }

h1,h2,h3,h4,h5 { margin-bottom: 1rem; }

.nav-tabs { margin-bottom: 1rem; }


.img-fluid { width: 100%; }


.modal { color: #444; }

.modal-body { padding-bottom: 0; }

.btn { cursor: pointer; }

.btn i + span { margin-left: .5rem; }
.btn span + i { margin-left: .5rem; }

.btn svg + span { margin-left: .5rem; }
.btn span + svg { margin-left: .5rem; }


i + span { margin-left: .25rem; }
span + i { margin-left: .25rem; }

svg + span { margin-left: .25rem; }
span + svg { margin-left: .25rem; }


.hidden { display: none; }

span.required { color: red; }


.alert p {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.alert p:last-child {
    margin-bottom: 0;
}

small, .small {
    font-size: 75%;
}

hr { margin: 0 0 1rem 0; }

a:hover { text-decoration: none; }


/* ############ */
/* #   logo   # */
/* ############ */

.navbar-brand img {
    height: 40px;
}


@media (max-width: 576px) {
    .navbar-brand img {
        height: 25px;
    }

}

.navbar-brand p {
    font-size: 0.75rem;
    margin-bottom: 0;
}



.breadcrumb {
    background-color: transparent;
    padding: 0.5rem 0 0.25rem 0;
    border-radius: 0;
    border-bottom: solid 1px #ddd;
}



/* give tabs a leading bit */

.nav-tabs .nav-item { margin-left: 0.5rem; }

.nobr { white-space: nowrap; }

.dataTables_wrapper.container-fluid { padding: 0; }

table td, table th { vertical-align: middle !important; }






.columns {
    -moz-column-width: 15rem;
    -webkit-column-width: 15rem;
    column-width: 15rem;
}

.columns ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.columns ul li:first-child
{
    margin-top:0px;
}


a:focus, .btn:focus { outline: none !important; }