/* --------- */
/* Overrides */
/* --------- */

/* Login */
.login-page,
.register-page {
    background: #b9d2e8;
}

/* Header */
.skin-blue .main-header .navbar {
    background-color: #e30613;
}

.skin-blue .main-header .navbar .sidebar-toggle:hover {
    background-color: rgba(0, 0, 0, 0.1);
}

.skin-blue .main-header .logo {
    background-color: #fff;
    border-right: 1px solid #d2d6de;
}

.skin-blue .main-header .logo:hover {
    background-color: #fff;
}

.skin-blue .main-header li.user-header {
    background-color: #e30613;
}


/* Side menu */
.sidebar-menu {
    white-space: normal;
}
.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #e30613;
}

/* Content */
.content-wrapper {
    background: #fff;
}


/* -------- */
/* Specific */
/* -------- */

/* Space for new row */
.new_row_cont {
    margin-top: 50px;
}

/* Calendar */
.responsive-calendar {
    background: #f9fafc;
    border: 2px solid #237dbc;
}
.responsive-calendar .day .badge {
    top: 0px;
    right: 0px;
    padding: 1px 5px;
    border: 1px solid #777;
    background-color: #fff;
    color: #777;
}

/* Contact tile */
.contact_tile {
    display: block;
    /*border: 2px solid #e30613;*/
}
.contact_tile_img {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
    display: block;
}
.contact_tile_txt {
    display: block;
    /*padding: 10px;*/
}


/* ----------- */
/* Breakpoints */
/* ----------- */

/* Phones and tablets */
@media (max-width: 991px) {

}

/* PCs */
@media (min-width: 992px) {
    
}


/* Up to tablets */
@media (max-width: 767px) {

}

/* Up to landscape tablets */
@media (max-width: 991px) {

}

/* Up to PCs */
@media (max-width: 1199px) {

}

/* Portrait mobiles */
@media (max-width: 479px) {

}

/* Landscape mobiles */
@media (min-width: 480px) and (max-width: 767px) {

}

/* Portrait tablets */
@media (min-width: 768px) and (max-width: 991px) {
    
}

/* Landscape tablets */
@media (min-width: 992px) and (max-width: 1199px) {
    
}

/* PCs */
@media (min-width: 1200px) {
    /* Side menu */
    .main-sidebar {
        width: 250px;
    }

    .main-header .logo {
        width: 250px;
    }

    .main-header .navbar {
        margin-left: 250px;
    }
    .content{
        padding-left: 30px;
    }
}

body {
    font-family: 'SourceSansPro';
}
