/* ************** BODY, HEADER *************** */

    html, body { 
        font-family: 'Barlow', sans-serif; 
        height: 100%;
        margin: 0;
        padding: 0;
        color: #000072;
    }

/* *********** BARRA DE NAVEGACION *********** */

    .dropdown-user {
        display: block;
        width: 100%;
        padding: .25rem 1.5rem;
        clear: both;
        font-weight: 400;
        text-align: inherit;
        white-space: nowrap;
        background-color: transparent;
        border: 0;
    }

    #breadcrumb {
        min-height: 20px;
    }

/* **************** DATATABLE **************** */

    .dt-center {
        text-align:center;
    }

    .icon-default{
        color: #888;
    }

    .icon-opacity{
        color: #CCC;
    }

/* *************** FORMULARIO **************** */

    textarea {
        border: 1px solid #aaa;
        border-radius: 4px;
        display: block;
        width:100%;
        max-height:75px;
    }

    ::-webkit-input-placeholder {
        font-family: 'Barlow', sans-serif;
        font-size: 14px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: 0.5px;
        color: #666666;
        text-transform: none;
    }

    :-moz-placeholder {
        text-transform: none;
    }

    ::-moz-placeholder {
        text-transform: none;
    }

    :-ms-input-placeholder {
        text-transform: none;
    }

    ::placeholder {
        text-transform: none;
    }

    .alert-expire {
        color: #856404;
        background-color: #fff3cd;
        border-color: #ffeeba;
    }

/* ****************** LOGIN ****************** */

    .cont-login {
        background-size: cover;
        background-repeat: no-repeat;     
        background-color: #10069F;
        min-height: 100%;
    }


    .cont-login .container .row>div {
        background-color: rgba(247, 247, 247, 0.6);
        border-bottom: 3px solid #10069F;
    }

/* **************** ACORDEON ***************** */

    [data-toggle="collapse"] .fa:before {  
        content: "\f139";
    }
        
    [data-toggle="collapse"].collapsed .fa:before {
        content: "\f13a";
    }