/**
 * Current template's main css file.
 * 
 *      It contains all the main styles for your template.
 * 
 * @category    CodeIgniter
 * @package     Template
 * @subpackage  Stylesheet
 * @author      Karoly Ivan <karoly.ivan@rsoe.hu>
 * @copyright   (c) 2016, RSOE
 */ 

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}

.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #f7f7f9;
    border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 758px) {
    
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    
}