.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
padding-left: 10px !important;
padding-right: 10px !important;
}
.table {
    font-size:small;
}
.envelopeico {font-size: 24px;}
.navbar .navbar-nav > .nav-item > .nav-link.active {
    background: #389195 !important;
    color: white !important;
}
#top {
    padding: 10px 0;
    background-color: #ffffff !important;
    color: #389195 !important;
    border-bottom: 1px solid !important;
}
#top a {
    color: #389195 !important;
}
.row {
    margin-right: -10px !important;
    margin-left: -10px !important;
}
.gmap {
    width: 100%;
}
#content {
    margin-bottom: 60px;
}
.product_description {
    margin-top: -40px !important;
    color: tomato;
    font-size: 70%;
    text-align: justify!important;
    padding: 10px 0px;
}
.name {
    font-weight: bold;
    font-size: 16px;
}

.work {
    font-weight: bold;
    font-size: 11px
}

.about span {
    font-size: 13px
}

.v-profile {
    color: blue;
    cursor: pointer
}

.box {
    -webkit-box-shadow: 13px 12px 5px -10px rgba(196, 194, 196, 0.72);
    -moz-box-shadow: 13px 12px 5px -10px rgba(196, 194, 196, 0.72);
    box-shadow: 13px 12px 5px -10px rgba(196, 194, 196, 0.72)
}

.col-md-3 {
    margin-top: 10px
}
/*--------*/
button#btnAddRep {
    width: 100%;
    margin-bottom: 10px;
}
.list-group-item.active {
    background-color: #399195;
    border-color: #74c485;
}
span#REP_AREA {margin-bottom: 10px;}
span#REP_EMAIL {margin-bottom: 10px;}
span#REP_CONTACT {margin-bottom: 10px;}
button#btnEditRep {margin-top: 10px;}
#repdetails .box {box-shadow: none; margin: 0 0 0px;}
/*#RepModal .modal-body {padding: 0px !important;}*/
button.btn.btn-outline-secondary {
    color: #ffffff;
    background-color: #389195;
}
#repdetails img.img-responsive.rounded-circle {
    border-radius: 10% !important;
}
#repdetails h5.mt-3.name {
    font-weight: bold;
    font-size: 19px;
    color: #3c9095;
}
img#imgREP_IMAGE {border-radius: 10% !important;}


.badge-H99 {
    color: black;
    background-color: #FFFFFF;
}

.badge-H20 {
    color: #fff;
    background-color: #00B050;
}

.badge-H21 {
    color: #fff;
    background-color: #FFC000;
}

.badge-H22 {
    color: #fff;
    background-color: #FF0000;
}

.badge-H23 {
    color: #fff;
    background-color: #FF6600;
}


.badge-D20 {
    color: #fff;
    background-color: #00B050;
}

.badge-D21 {
    color: #fff;
    background-color: #FF0000;
}

.badge-D22 {
    color: #fff;
    background-color: #FF0000;
}

.badge-D24 {
    color: #fff;
    background-color: #FFC000;
}

.badge-D25 {
    color: #fff;
    background-color: #FF0000;
}

.badge-D26 {
    color: #fff;
    background-color: #FF6600;
}

.badge-D27 {
    color: #fff;
    background-color: #008000;
}

#help a.navbar-btn {
    background: #EE227C;
    border-color: #EE226C;
}
