/*
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: center;align-items: stretch; gap: 20px;}
.flex-calendario{padding: 2%;display: flex;flex-flow: row wrap;justify-content: space-around;align-items: stretch; gap: 15px;}
.flex-horario{padding: 0%;display: flex;flex-flow: row wrap;justify-content: space-between;align-items: stretch; gap: 10px;}

.cor-padrao{color: #1763A5; text-transform: uppercase; font-weight: 600;}

@media (min-width: 52em){
.flex-2{flex-basis: calc(50% - 20px);padding-top: 10px;}
.flex-3{flex-basis: calc(33.33% - 20px);margin-bottom: 2%;}
.flex-4{flex-basis: calc(25% - 20px);margin-bottom: 2%;padding: 15px;}
}

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

@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; margin-left: -15px; margin-right: -15px;}

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

.col_2 {flex-basis: 50%; max-width: 50%;}
.col_3 {flex-basis: 33.33%; max-width: 33.33%;}
.col_4 {flex-basis: 25%; max-width: 25%;}



.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 50%;flex: 0 0 50%;max-width: 50%;}
.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%;}

.img-radius-50{
    border-radius: 50%;
}

/*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.5rem; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: box-shadow 0.3s ease;}
.card:hover {box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.card-body {-ms-flex: 1 1 auto;flex: 1 1 auto;padding: 1.5rem;}
.card-header {padding: 1rem 1.5rem;margin-bottom: 0;background-color: rgba(0, 0, 0, 0.03);border-bottom: 1px solid rgba(0, 0, 0, 0.125); font-weight: 600;}
.card-title {margin-bottom: 0.75rem; font-size: 1.25rem; font-weight: 600;}
.card-subtitle {margin-top: -0.375rem;margin-bottom: 0; color: #6c757d;}
.card-footer {padding: 1rem 1.5rem;background-color: rgba(0, 0, 0, 0.03);border-top: 1px solid rgba(0, 0, 0, 0.125);}
.card-link:hover {text-decoration: none;}

@media(max-width: 52em){
    .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .col-md-hide{
        display: none;
    }
}