@import url(https://fonts.googleapis.com/css?family=Rubik:300,400,500,700,900);

body{
    background: #f2f4f5;
    font-family: Rubik, sans-serif;
}

h1, h2, h3, h4, h5{
    padding: 0;
    margin:0;
}

#main_content{
    margin-top:120px;
}

.card{
    border-radius: 0;
    padding:0;
    margin-bottom: 30px;
}

.card-body{
    padding:0;
}

.card-body > .row {
    padding:15px;
}

.card-header{
    padding:0;
    margin:0;
    background-color: transparent !important;
}

.card-title{
    padding:15px;
    margin:0;
    background-color: transparent !important;
}


div.card-inside-row{
    margin:30px !important;
}


/* Breadcrumbs */
.breadcrumb-wrapper{
    background-color: transparent !important;
    float: right;
}

ol.breadcrumb{
    background-color: transparent !important;
}



#buttonblock{
    padding:0;
    border-bottom: 1px solid #ccc;
}

#buttonblock li{
    border-right: 1px solid #ccc;
    padding:15px;
}

#buttonblock li:last-child{
    border:0;
}


/*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/

.clearfix::after,
.calendar ol::after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* ================
Calendar Styling */
.calendar {
    border-radius: 10px;
    border-bottom: 1px solid #eee;
}

.month {
    font-size: 2rem;
}

@media (min-width: 992px) {
    .month {
        font-size: 3.5rem;
    }
}

.calendar ol li {
    float: left;
    width: 14.28571%;
}

.calendar .day-names {
border-bottom: 1px solid #eee;
}

.calendar .day-names li {
text-transform: uppercase;
margin-bottom: 0.5rem;
}

.calendar .days li {
border: 1px solid #eee;
min-height: 8rem;
padding:5px 15px;
}

.calendar .days li .date {
margin: 0.5rem 0;
}

.calendar .days li .event {
font-size: 0.75rem;
padding: 0.4rem;
color: white;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4rem;
margin-bottom: 1px;
}

.calendar .days li .event.span-2 {
width: 200%;
}

.calendar .days li .event.begin {
border-radius: 1rem 0 0 1rem;
}

.calendar .days li .event.end {
border-radius: 0 1rem 1rem 0;
}

.calendar .days li .event.clear {
background: none;
}

.calendar .days li:nth-child(n+29) {
border-bottom: none;
}

.calendar .days li.outside .date {
color: #ddd;
}

.calendar .days li a{
text-decoration: none;
}




.card-header .heading-elements, .card-header .heading-elements-toggle{
background-color: inherit;
position: absolute;
top: 14px;
right: 21px;
color:#818a91;

}

.card-header .heading-elements a {
color:#818a91;
font-weight:normal;
}
.list-inline{
padding-left: 0;
list-style: none;
}



ul.options{
margin-top:15px;
margin-right:30px;
padding-left: 0;
list-style: none;
border-top:1px solid #ececec;
}

ul.options li a{
display: block;
text-decoration: none;
padding:5px;
border-bottom:1px solid #ececec;
}





#footer{
padding:20px 15px;
}