/*
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 : 11 3, 17, 5:06:07 PM
    Author     : Aljon Cambronero
*/
.container-block{
    background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}
.container-block-b{
    background-color: #f2f2f2;
    padding: 10px;
    margin-bottom: 15px;
}
.row-block{
    background-color: #ffffff;
    padding: 15px;
    margin: 0px;
}
.row-block-b{
    background-color: #ffffff;
    padding: 15px 15px 0px 15px;
    margin: 0px;
}
.row-block-c{
    margin: 0px;
}
.row-block-b{
    margin: 0px;
}
.col-block-a{
    padding: 0px 15px 0px 0px;
    margin-bottom: 10px;
}
.col-block-b{
    padding: 0px 15px 15px 0px;
}
.col-block-c{
    padding: 0px 50px 15px 0px;
}
.col-row-block, .col-row-col-block{
    padding: 0px;
    margin: 0px;
}
.img-agent{
    margin-top: 5px;
    height: 75px;
}
.text-muted{
    color: #d9d9d9;
}
.text-line-height{
    line-height: 150%;
    overflow-x: hidden;
}
.font-bold{
    font-weight: bold;
}
.font-normal{
    font-weight: normal;
}
.text-red{
    color: #c1272d;
}

.text-red a {
    color: #c1272d;
}
.google-map-pin{
    margin-top: 5px;
    height: 30px; 
    width: 15px;
}
.col-agents{
    background-color: #ffffff;
    margin: 5px;
    padding: 10px;
    text-align: center;
}
.img-agent-profile{
    margin: auto;
    display: block;
    /* width: 95px;*/
    height: 130px;
    margin-bottom: 10px;
}
.text-green{
    color: #228016;
}
.branchMap{
    width: 225px;
    aspect-ratio:225/165;
    background: #E0E0E0;
}

@media screen and (max-width: 900px) {
    .branchMap{
        width: 100%;
    }
    .col-block-b:has( > .branchMap){
        padding-right: 0;
    }
}


@media screen and (min-width: 768px) {
    .col-agents{
        max-width: 193px;
    }
}