/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 15/01/2018, 13:41:17
    Author     : joaopaulo
*/

.flex{padding: 2%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch;}
.flex-calendario{padding: 2%;display: flex;flex-flow: row wrap;justify-content: space-around;align-items: stretch;}
.flex-horario{padding: 2%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch;}

.cor-padrao{color: #b71035; text-transform: uppercase;}

@media (min-width: 52em){
.flex-2{flex-basis: 49%;padding-top: 10px;}
.flex-3{flex-basis: 32%;margin-bottom: 2%;}
.flex-4{flex-basis: 23%;margin-bottom: 2%;padding: 15px;}
}

@media(max-width: 52em){
    .flex-2{flex-basis: 49%;padding-top: 10px;}
    .flex-3{flex-basis: 49%;}
    .flex-4{flex-basis: 49%;}
}

@media(max-width: 32em){
    .flex-2{flex-basis: 100%;padding-top: 10px;}
    .flex-3{flex-basis: 100%;}
    .flex-4{flex-basis: 100%;}
}

.row {display: flex;flex-flow:row wrap;justify-content: space-between; align-items: stretch;}

/*COL*/
.col, .col_1, .col_2{
    position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;
}

.col_2 {flex-basis: 49%;}
.col_3 {flex-basis: 32%;}
.col_4 {flex-basis: 23%;}



.col {-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;}
.col-1 {-ms-flex: 0 0 8.333333%;flex: 0 0 8.333333%;max-width: 8.333333%;}
.col-2 {-ms-flex: 0 0 16.666667%;flex: 0 0 16.666667%;max-width: 16.666667%;}
.col-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.col-4 {-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;}
.col_2 {-ms-flex: 0 0 49%;flex: 0 0 49%;max-width: 49%;}
.col-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.col-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;}
.col-8 {-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;}
.col-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;}
.col-10 {-ms-flex: 0 0 83.333333%;flex: 0 0 83.333333%;max-width: 83.333333%;}
.col-11 {-ms-flex: 0 0 91.666667%;flex: 0 0 91.666667%;max-width: 91.666667%;}
.col-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}



/*CARDS*/
.card {position: relative;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;min-width: 0;word-wrap: break-word;background-color: #fff;background-clip: border-box;border: 1px solid rgba(0, 0, 0, 0.125);border-radius: 0.25rem;}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.25rem;}
.card-header {padding: 0.75rem 1.25rem;margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.125);}
.card-title {margin-bottom: 0.75rem;}
.card-subtitle {margin-top: -0.375rem;margin-bottom: 0;}
.card-footer {padding: 0.75rem 1.25rem;background-color: rgba(0, 0, 0, 0.03);border-top: 1px solid rgba(0, 0, 0, 0.125);}
.card-link:hover {text-decoration: none;}