/** ----------------------------------------------------------------------------
 *                         Todos los derechos Reservados
 *                               Softipal S.A.S 2020
 *  ----------------------------------------------------------------------------
 *  Nombre:       users.css
 *  Ruta:         /public/css/users/
 *  Descripci�n:  Estilos Generales para la p�gina de usuarios
 *  Fecha:        25/01/2020
 *  Autor:        Alejadnro Gonz�lez Fl�rez
 *  Versi�n:      1.0
 *  OD:           22489479
 *  ----------------------------------------------------------------------------
 *	 			Hist�rico de cambios
 *  ----------------------------------------------------------------------------
 *	Fecha          OD        Autor        Descripci�n
 *  ----------------------------------------------------------------------------
 *     25/01/2020   22489479   AlejoFlorez0   Creaci�n de cabecera de documentacion
 *     04/12/2021  n/a        JerelPosada    Se añade los id para poner color al submenu
 *  ----------------------------------------------------------------------------
 */

#nav-userRules-tab.active,
#nav-usersOur-tab.active,
#nav-petRules-tab.active,
#nav-userRules-tab.active,
#nav-bike-tab.active,
#nav_reducedMobility-tab.active,
#nav-civicCulture-tab.active,
#nav-pointAttention-tab.active
{
    color: #FFBA00;
}


#nav-userRules-tab:hover,
#nav-petRules-tab:hover,
#nav-userRules-tab:hover,
#nav-bike-tab:hover,
#nav-usersOur-tab:hover,
#nav_reducedMobility-tab:hover,
#nav-civicCulture-tab:hover,
#nav-pointAttention-tab:hover
{
    color: #FFBA00;
}

#nav-bike,#nav_reducedMobility,#nav-pointAttention
{
    padding-top: 2%;
}

#scb_userHeader
{
    height: 600px;
    padding-top: 5%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../../images/containers/contenedor2.png);
}

.scb_userHeader
{
    height: 600px;
    padding-left:10%; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-image: url(../../images/containers/contenedor2.png);
}

@media (max-width: 761px)
{
    .scb_userHeader
    {
        height: auto;
        padding-left:0%; 
        background-image: none;
        background-color: #004187;
    }
}

#uH_infoGeneral
{
    position: relative;
    top: 0%;
    left: 5%;
    width: 90%;
    height: 280px;
    padding-top: 0%;
}

#iG_leftInfo
{
    color: white;
    font-family: Montserrat-Light;
}

#iG_leftInfo>p
{
    position: relative;
    top: 0.3em;
    left: 5%;
    margin: 0px;
    font-size: 5em;
}

#iG_leftInfo>h2
{
    margin: 0px;
    font-size: 4.5em;
    padding: 0% 0% 0% 8%;
    text-transform: uppercase;
    font-family: Montserrat-Bold;
    color: #FFBA00;
}

#iG_leftInfo>label
{
    position: relative;
    left: 13%;
    top: -15px;
    font-size: 2.5em;
}

#iG_leftInfo>img
{
    position: relative;
    top: -5px;
    left: -26%;
    width: 27%;
}

#iG_tightInfo
{
    color: white;
    font-size: 37px;
    padding: 2% 7%;
    line-height: 44px;
    text-transform: uppercase;
    font-family: Montserrat-Regular;
}

#iG_tightInfo>strong
{
    font-family: Montserrat-SemiBold;
}

#scb_usersGeneral
{
    padding: 0%;
    height: 1406px;
}

#uG_title
{
    margin: 1%;
    font-size: 32px;
    color: #004187;
    text-transform: uppercase;
    font-family: Montserrat-SemiBold;
}

#uG_options
{
    padding: 0%;
}

.o_cards
{
    padding: 0%;
    height: 675px;
}

.c_image
{
    height: 100%;
    width: 100%;
    padding: 0%;
}

.c_text
{
    position: absolute;
    z-index: 1;
    bottom: 0%;
    height: 15%;
    display: flex;
    align-items: center;
}

.cT_img>img
{
    width: 100%;
}

.cT_label
{
    color: white;
    margin-bottom: 0 !important;
    font-size: 32px;
    line-height: 30px;
    text-align: center;
    text-align-last: center;
    vertical-align: bottom;
    font-family: Montserrat-Regular;
}

.textColor
{
    color: #FFBA00;
}

.btnReturnCivicCulture
{
    position: relative;
    width: max-content;
    padding: 7px;        
    transition: background-color 1s, box-shadow 1s;
    background-color: #FFBA00;
    border-radius: 10px;
    font-size: calc(0.4vw + 12px);
    color: #fff;
    font-family: Montserrat-SemiBold;
}

.btnReturnCivicCulture:hover
{
    background-color: #ffa000;
    color: #fff;
    box-shadow: inset 3px 8px 10px 0 #ae6c00;
}


/*
*--------------------------------------------------------------------------------------*
*---------------------------------| Reglas de Usuario |--------------------------------
*--------------------------------------------------------------------------------------*
*/

.titleSeccionRuleUser
{
    margin: 0 auto;
    font-size: 4.3rem;
}

.titleRuleUser
{
    font-family: Montserrat-Bold;
    cursor: pointer;
    background-color: #FFBA00;
    transition: background-color 1s , box-shadow  1s;
    border-radius: 10px;
}

.titleRuleUser:hover
{
    background-color: #ffa000;
    box-shadow: inset 3px 8px 10px 0 #ae6c00;
}

.cT_label>strong
{
    text-transform: uppercase;
    font-family: Montserrat-Bold;
}

@media (min-width: 1500px)
{
    .c_text>img
    {
        position: absolute;
        top: 5%;
        left: 10%;
        width: 18%;
        height: 90%;
        max-height: 100%;
    }
}

/***re diseño**/
@media (max-width: 1100px ){
    #iG_tightInfo{
        display: none;
    }

    .cT_label
    {
        font-size: 8vw;
    }

    #scb_userHeader{
        display: flex;
        justify-content: center;
        align-items: center;
        background-size: cover;
        height: auto;
    }

    .float-left.img-thumbnail{
        width: 100px;
    }

    .cT_img>img
    {
        width: 20% !important;
    }

    .o_cards{
        position: relative;
    }

    .cT_label>strong{
        position: absolute;
        bottom: -5%;
        left: -27%;
    }
    #scb_overFooter{
        color: #004187;
        padding-top: -47%;
        padding-left: -33%;
         background-color: transparent !important;
}

    #uG_title{
        margin: 3%;
    }

    #iG_leftInfo>p
    {
        position: relative;
        top: 0.3em;
        left: -1%;
        margin: 0px;
        font-size: 3em;
    }

    #iG_leftInfo>h2
    {
        margin: 0px;
        font-size: 2.5em;
        padding: 0% 0% 0% 0%;
        text-transform: uppercase;
        font-family: Montserrat-Bold;
    }

    #iG_leftInfo>label
    {
        position: relative;
        left: 20%;
        top: -7px;
        font-size: 1.5em;
    }

    .titleSeccionRuleUser
    {
        margin: 0 auto;
        font-size: 3rem;
    } 

}

/**
* estilos  de  point Atention
 */

.lineblue-PointAttention{
    background-color: #004187;
    height: 1px;
}
.textMontSemiBold{
    font-family: Montserrat-SemiBold;
}

.textMontLight{
    font-family: Montserrat-Light;
}

.textMontLightTitle{
    font-family: Montserrat-Light;
}

.textMontBold{
    font-family: Montserrat-Bold;
    margin-bottom: 0px !important;
    padding-top: 3rem!important;
}

.cT_img>img
{
    width: 100px !important;
    margin: 0 0 !important;
}

.textMontBold-prohibitions
{
    font-size: 38px;
    font-family: Montserrat-Bold;
}

.textMontLight-prohibitions{
    font-family: Montserrat-Light;
}

@media (max-width: 568px) {
    .textMontBold-prohibitions
    {
        font-size: 8vw;
    }

    .textMontLight-prohibitions{
        font-size: 7vw;
    }

    .textMontBold{
        font-size: 10vw;
        padding-top: 0px!important;
    }

    .textMontLightTitle{
        font-size: 9vw;
    }
}