/*

primary color:          #522054
secondary color:        #8775a7    anterior *#a78fa9
halftone color:         #754d76
mobile accordion bg:    #cbbecd

login:                  #d3c7d4

complementary 
light color:            #ffe082

.welcome-text h1       #FFFFFF;
.welcome-text h2       #d7d3ff;
.welcome-text .desc    #ffa17c;
.welcome-text .desc span #FFFFFF;

*/

/* ----------------------------------------------*/

/* BACKGROUNDS ----------------------------------*/

/* ----------------------------------------------*/

.bkg-dia-primary {
    background-color: #522054;
}

.bkg-dia-secondary {
    background-color: #8775a7;
}

.bkg-dia-halftone,
.portlet .bkg-dia-halftone {
    background-color: #754d76;
}

.login {
    background-color: #a78fa9;
}

/*   .page-content {
    background-image: url(../img/bg_degrade_left.png); 
    background-repeat: repeat; background-position: left}
*/


/* ----------------------------------------------*/

/* BUTTONS     ----------------------------------*/

/* ----------------------------------------------*/

.btn {
    transition-duration: 0.5s
}

.btn-dia-primary{
    color:#FFFFFF;
    background-color: #522054;
    border: solid 0px;    
}
        .btn-dia-primary:hover,
        .btn-dia-primary:focus {
            color:#FFFFFF;
            background-color: #8775a7;
            border: solid 0px;    
        }
        .btn-dia-primary:active{
    color:#522054;
    background-color: #FFFFFF;
    border: solid 1px #522054;      
        }


.btn-dia-secondary {
    color:#FFFFFF;
    background-color: #8775a7;
    border: solid 0px;
}
    .btn-dia-secondary:hover,
    .btn-dia-secondary:focus {
    color:#FFFFFF;
    background-color: #754d76;
    border: solid 0px;
    }
    .btn-dia-secondary:active {
        color:#8775a7;
        background-color: #FFFFFF;
        border: solid 1px #8775a7;
    }



.btn-dia-light {
    color:#522054;
    background-color: #FFFFFF;
    border: solid 0px;    
    }
    .btn-dia-light:hover,
    .btn-dia-light:focus {
        color:#522054;
        background-color: #8775a7;
        border: solid 0px;    
    }
    .btn-dia-light:active {
        color:#FFFFFF;
        background-color: #522054;
        border: solid 0px;    
    }


.btn-dia-outline {
    color:#FFFFFF;
    background-color: transparent;
    border: solid 1px #FFFFFF;  
}
        .btn-dia-outline:hover,
        .btn-dia-outline:focus {
            color:#522054;
            background-color: #FFFFFF;
            border: solid 1px #FFFFFF;  
        }
        .btn-dia-outline:active{
            color:#FFFFFF;
            background-color: #522054;
            border: solid 1px #FFFFFF;  
        }


.btn-secondary {
    background-color: #FFFFFF;
    color:#522054;
    border:solid 1px #FFFFFF;
}

.btn-secondary:hover {
    background-color: #522054;
    color:#FFFFFF;
    border:solid 1px #522054;
}

.home2-buttons .fct-general {
    color: #522054;
}

/* ----------------------------------------------*/

/* TEXTS     ----------------------------------*/

/* ----------------------------------------------*/

.text-white {
  color: #fff !Important;
}

.text-primary {
  color: #522054 !Important;
}

a.text-primary:hover, 
a.text-primary:focus {
  color: #8775a7 !Important;
}

.text-secondary {
  color: #8775a7 !Important;
}

a.text-secondary:hover, 
a.text-secondary:focus {
  color: #522054 !Important;
}

.text-third {
  color: #ffe082 !Important;
}


.text-halftone {
  color: #754d76 !Important;
}

a.text-halftone:hover, 
a.text-halftone:focus {
  color: #522054 !Important;
}

/* ----------------------------------------------*/

/* SIDEBAR MENU     -----------------------------*/

/* ----------------------------------------------*/


.page-header.navbar {
    background-color: transparent;
}

.page-header.navbar .menu-toggler>span, 
.page-header.navbar .menu-toggler>span:after, 
.page-header.navbar .menu-toggler>span:before, .page-header.navbar .menu-toggler>span:hover, .page-header.navbar .menu-toggler>span:hover:after, .page-header.navbar .menu-toggler>span:hover:before
{
    background:#522054 !Important
}


.page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle:hover,
.page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle {
    background-color: #522054;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>.langname, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>.username, .page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-toggle>i {
    color: #522054;
}


.page-header.navbar .page-logo {
    background-color: #FFF;
}

        /* SIDEBAR NAVBAR LINK HOVER    */
        .page-sidebar .page-sidebar-menu>li.open>a,
        .page-sidebar .page-sidebar-menu>li:hover>a,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.open>a,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li:hover>a {
            background: #ffe082;
            color: #522054;
        }

        /* ACTIVE SIDEBAR LINK  */
            /* HOVER */
        .page-sidebar .page-sidebar-menu>li>a:hover,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a:hover,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a:hover {
            background: #ffe082;
            border-top-color: transparent;
            color: #522054;
        }


        /*  ICON */
        .page-sidebar .page-sidebar-menu>li>a>i,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li>a>i  {    color: #522054;
        }

        /* ICON HOVER   */
        .page-sidebar .page-sidebar-menu>li>a:hover i,
        .page-sidebar .page-sidebar-menu>li.active>a>i, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li a:hover i{
            color: #522054;
        }


        /* ACTIVE */
        .page-sidebar .page-sidebar-menu>li.active.open>a, 
        .page-sidebar .page-sidebar-menu>li.active>a,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
            background: #8775a7;
            border-top-color: transparent;
            color: #FFF;
        }
            /* ICON ARROW*/
        .page-sidebar .page-sidebar-menu>li.active.open>a>.arrow.open:before,
        .page-sidebar .page-sidebar-menu>li.active.open>a>.arrow:before,
        .page-sidebar .page-sidebar-menu>li.active.open>a>i,
        .page-sidebar .page-sidebar-menu>li.active>a>.arrow.open:before, 
        .page-sidebar .page-sidebar-menu>li.active>a>.arrow:before, 
        .page-sidebar .page-sidebar-menu>li.active>a>i, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>.arrow.open:before, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>.arrow:before, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>i, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.arrow.open:before, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>.arrow:before, 
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>i {
            color: #FFF;
        }
        .page-sidebar .page-sidebar-menu > li.active > a,
        .page-sidebar .page-sidebar-menu > li.active.open > a {
          background: #8775a7;
          border-top-color: transparent;
          color: #ffffff; }
          .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
          .page-sidebar .page-sidebar-menu > li.active > a:hover,
          .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
            background: #8775a7; }


/* SIDEBAR NAVBAR HEADINGS*/
.page-sidebar .page-sidebar-menu>li.heading, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading {
    background-color: #754d76;
}
.page-sidebar .page-sidebar-menu>li.heading>h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
    color: #FFFFFF /*#522054*/;
}



    /*ICONOS DE RESULTADOS */

    #pageResult .result-2col i.fa {
      color: #fff;
        border:3px solid #FFFFFF;
    }

    #pageResult .result-2col i.result01,
    #pageResult .result-2col i.resultf {
        background-color: #2cab00;}
    #pageResult .result-2col i.result02,
    #pageResult .result-2col i.resulto {
        background-color: #0047ab;}
    #pageResult .result-2col i.result03,
    #pageResult .result-2col i.resultr {
        background-color: #ff5a00;}
    #pageResult .result-2col i.result04,
    #pageResult .result-2col i.resultl {
        background-color: #ff0000;}
    #pageResult .result-2col i.resultFinal {
        background-color: #522054;}

    #pageResult .result-2col .result-icon-subtitle{
            color:#FFFFFF;
}
    #pageResult .result-2col .result-icon-title{
            color:#FFFFFF;
}


/* ----------------------------------------------*/

/* LOGIN     ----------------------------------*/

/* ----------------------------------------------*/


    .login-portlet {
        background-color: #d3c7d4;
                -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            /* https://www.cssmatic.com/box-shadow */
    }

    /* CHECK */
    .login-footer .mt-checkbox.mt-checkbox-outline>span {
        background-color: #FFF;
        border: solid 1px #8775a7
    }
    .login-footer .mt-checkbox.mt-checkbox-outline>span:hover,
    .login-footer .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span,
    .login-footer .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span,
    .login-footer .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span,
    .login-footer  .mt-checkbox.mt-checkbox-outline>input:checked~span,
    .login-footer .mt-checkbox.mt-checkbox-outline>input:focus~span,
    .login-footer .mt-checkbox.mt-checkbox-outline>span,
    .login-footer .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span,
    .login-footer .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span,
    .login-footer  .mt-checkbox.mt-radio-outline>input:checked~span,
    .login-footer .mt-checkbox.mt-radio-outline>input:focus~span,
    .login-footer .mt-checkbox.mt-radio-outline>span,
    .login-footer .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span,
    .login-footer .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span,
    .login-footer .mt-radio.mt-checkbox-outline>input:checked~span,
    .login-footer .mt-radio.mt-checkbox-outline>input:focus~span, .mt-radio.mt-checkbox-outline>span,
    .login-footer .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span,
    .login-footer .mt-radio.mt-radio-outline:hover>input:not([disabled])~span, .mt-radio.mt-radio-outline>input:checked~span,
    .login-footer .mt-radio.mt-radio-outline>input:focus~span,
    .login-footer  .mt-radio.mt-radio-outline>span{
        background-color: #FFF !Important;
        border: solid 1px #FFF
    }
    .login-footer .mt-checkbox.mt-checkbox-outline>input:checked~span{
        background-color: #522054;
        border: solid 1px #8775a7;
        color: #FFF;
    }

    .login-container-mobile p{
        color:#FFF;
    }

    /*   LOGIN MODALS  --------------*/
    #signin1 .modal-content {
    background-image: url(../assets/pages/img/login/bg_signin1.jpg);        
    }
    #signin2 .modal-content {
    background-image: url(../assets/pages/img/login/bg_signin2.jpg);
    }


/* ----------------------------------------------*/

/* HOME            -----------------------------*/

/* ----------------------------------------------*/

.home-portlet .desc
.home2-portlet .desc{
    color: #522054;
}

/*  BANNER WELCOME */
        .home-bkg-welcome {
            background-image: url(../images/home_welcome.jpg);
            background-repeat: no-repeat;
            background-size: cover;
            background-position: right bottom;    
        }

        .welcome-text h1 {
            color:#FFFFFF;
        }
        .welcome-text h2 {
            color:#d7d3ff;
        }
        .welcome-text .desc{
            color:#ffa17c;
        }

        .welcome-text .desc span{
            color:#FFFFFF;
        }

/*  BANNERS IMAGES  */
        .home-image01 {
            background-image: url(../images/home_images01.jpg);
        }
        .home-image02 {
            background-image: url(../images/home_images02.jpg);
        }

/*  LIST OF BUTTONS (HOME2)*/
        .btn-outline-secondary {
            color: #FFFFFF;
            background-color: transparent;
            background-image: none;
            border-color: #FFFFFF;
        }
            .btn-outline-secondary:hover {
                color:#522054 !Important;
            background-color: #FFFFFF;
        }
            .btn-outline-secondary:focus {
            color: #FFFFFF;
        }



/* --------------- PAGE TITLE -------------*/

.page-container-bg-solid .page-title,
.page-content-white .page-title {
    color:#522054 !Important;
}


/* ----------------------------------------------*/

/* BOXES            -----------------------------*/

/* ----------------------------------------------*/

    .home-boxes2{
        background-color: #FFFFFF;
    }
    /*   WHITE W/SHADOW */
    .diaBox {
        background-color: #FFF;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        /* https://www.cssmatic.com/box-shadow */
    }

    .result_atributoBoxCol2{
        background-color: #FFF;
        -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
        /* https://www.cssmatic.com/box-shadow */
    }



/* ----------------------------------------------*/

/* MODAL            -----------------------------*/

/* ----------------------------------------------*/
    .modal h2 {
        color:#522054;
}
    .modal h3 {
        color:#000000; /*8775a7;*/
}
    .modal h4 {
        color:#ff0000; /*8775a7;        */
}

/* ----------------------------------------------*/

/* QUESTIONS            -----------------------------*/

/* ----------------------------------------------*/



/* ----------------------------------------------*/

/* RESULTADOS            -----------------------------*/

/* ----------------------------------------------*/

    .diaResultBoxBorderBottom {
        border-bottom:1px solid #a78fa9;
}

    .resultDia_titleFactor {
        color: #754d76;
    }

/* --------------- STEPS -------------*/

    /* circle  */
    .mt-element-step .step-line .mt-step-number {
        border-color: #CCCCCC;
    }

    /* circle DEACTIVE */
    .mt-element-step .step-line .mt-step-number,
    .mt-element-step .step-line .mt-step-number{
        color: #FFFFFF !important;
        border-color: #CCCCCC !important;
        background-color: #CCCCCC !Important;
    }

    /* circle DONE & ACTIVE */
    .mt-element-step .step-line .done .mt-step-number,
    .mt-element-step .step-line .active .mt-step-number{
        color: #FFFFFF !important;
        border-color: #522054 !important;
        background-color: #522054 !Important;
    }

    /* title DEACTIVE*/
    .mt-element-step .step-line .mt-step-title{
        color:#999999 !Important;
    }
    /* title  ACTIVE + DONE*/
    .mt-element-step .step-line .done .mt-step-title,
    .mt-element-step .step-line .active .mt-step-title{
        color:#522054 !Important;
    }


    /* LINE ACTIVE*/
    .mt-element-step .step-line .done .mt-step-title:before,
    .mt-element-step .step-line .done .mt-step-title:after, 
    .mt-element-step .step-line .active .mt-step-title:before {
        background-color: #522054 !Important;
    }

    /* LINE DEACTIVE*/
    .mt-element-step .step-line .mt-step-title:before,
    .mt-element-step .step-line .mt-step-title:after,
    .mt-element-step .step-line .active .mt-step-title:after {
        background-color: #CCCCCC !Important;
    }

    .mt-element-step .step-line .mt-step-title:before,
    .mt-element-step .step-line .mt-step-title:after {
    }

/* --------------- QUESTION -------------*/

        a.questionFaceButton, button.questionFaceButton{
            display: block;
            background-color: #fff;
            border: solid #CCC 1px;
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.26);
            /* https://www.cssmatic.com/box-shadow */
        }

        a.questionFaceButton:hover, button.questionFaceButton:hover{
            border: solid #999 1px;
            -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.70);
            -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.70);
            box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.70);    
        }
        a.questionFaceButton:active, button.questionFaceButton:active{
            background-color: #a78fa9;
            border: solid #999 1px; 
        }
        a.questionFaceButton:focus, button.questionFaceButton:focus{
            background-color: #8775a7;
            border: solid #999 1px;  
        }

        a.questionFaceButton.selected, button.questionFaceButton.selected{
            background-color: #a78fa9;
	        box-shadow: inset 0px 0px 0px 5px #a78fa9;
	        box-sizing: border-box; /* Include padding and border in element's width and height */
        }


        /*  QUESTION COUNTER --------*/
        .questionCounter ul li {
            color: #CCCCCC;
        }

        .questionCounter ul li.active {
            color:#522054;
        } 

/* --------------- RESULT (CUESTIONARIO) -------------*/
    #pageResult .portletDia h3 small{
        color:#FFFFFF;
    }

    #pageResult .portletDia p {
    color:#FFFFFF;

    }



    /*ICONOS DE RESULTADOS */

    #pageResult .result-2col i.fa {
      color: #fff;
    }




/* --------------- RESULT DETALLADOS -------------*/

    .previousResult,
    .nextResult {
        border: solid 1px #CCCCCC;
        border:solid 1px #522054;
        color:#522054;
        background-color: #FFFFFF;
    }
    a.previousResult:hover,
    a.nextResult:hover {
        background-color: #522054;
        color:#FFFFFF;
    }
    a.previousResult:active,
    a.nextResult:active,
    a.previousResult:focus,
    a.nextResult:focus {
        background-color: #8775a7;
        color:#FFFFFF;
    }
    .resultsDetalladosActions h4 {
        color:#754d76;
}

/* BEGIN MENU */

    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:link,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:link,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:link,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:link,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:active,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:active,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:active,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:active,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:focus,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:focus,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:focus,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:focus {
        color:#FFF;
        border-left-color: #666;
        border-bottom-color: #666;
    }

    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:hover,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:hover,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:hover,
    #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:hover {
        color:#FFF;
        border-left-color: #333;
        border-bottom-color: #333;      
    }

    /*  ACTIVE (general)  ----------------*/

    #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultf:link,
    #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultl:link,
    #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResulto:link,
    #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultr:link {
        
        border-bottom-color: #FFFFFF;
        -webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        /* https://www.cssmatic.com/box-shadow */
    }

       /* MENU COLLAPSE PARA VERSION MOBILE*/
    .diaAccordionMenu .panel-default>.panel-heading {
    background-color: #8775a7;
    color: #FFF;    
    }
            .diaAccordionMenu .panel-default>.panel-heading:hover,
            .diaAccordionMenu .panel-default>.panel-heading:active,
            .diaAccordionMenu .panel-default>.panel-heading:focus{
            background-color: #522054;
            }
            .diaAccordionMenu .panel-default>.panel-heading a:hover,
            .diaAccordionMenu .panel-default>.panel-heading a:active,
            .diaAccordionMenu .panel-default>.panel-heading a:focus{
            color: #FFFFFF;
            }
    .diaAccordionMenu .panel-default .panel-default>.panel-heading {
    background-color: #cbbecd;
    color: #522054;    
    }
            .diaAccordionMenu .panel-default .panel-default>.panel-heading:hover,
            .diaAccordionMenu .panel-default .panel-default>.panel-heading:active,
            .diaAccordionMenu .panel-default .panel-default>.panel-heading:focus{
            background-color: #8775a7;
            }
            .diaAccordionMenu .panel-default .panel-default>.panel-heading a:hover,
            .diaAccordionMenu .panel-default .panel-default>.panel-heading a:active,
            .diaAccordionMenu .panel-default .panel-default>.panel-heading a:focus{
            color: #522054;
            }

/*  INDICE   ------------*/
        #speedDiv.indice_bkg {
        background-image: url(../images/bkg_indice.png);
        }
        .diaIndiceBox h4 {
            color:#522054;
        }


/* ----------------------------------------------*/

/* RESULTADOS POR ATRIBUTO            ---------------*/

/* ----------------------------------------------*/


/*  MENU -------------------------------*/
    .result_atributoBoxCol1 ul li.active a:link{
        background-color: #FFF;
        color: #522054;
        border-left:solid 1px #8775a7;
        border-bottom:solid 1px #8775a7;
        -webkit-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        -moz-box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        box-shadow: -5px 0px 10px 0px rgba(0,0,0,0.26);
        /* https://www.cssmatic.com/box-shadow */
    }

    .result_atributoBoxCol1 ul li a:link,
    .result_atributoBoxCol1 ul li a:active,
    .result_atributoBoxCol1 ul li a:focus   {
        background-color: #a78fa9;
        color:#522054;
        border-left:solid 1px #522054;
        border-bottom:solid 1px #522054;
    }
    .result_atributoBoxCol1 ul li a:hover {
        background-color: #522054;
        color:#FFF;
        border-left:solid 1px #522054;
        border-bottom:solid 1px #522054;   
    }

    .result_atributoBoxCol2 .row {
        border-bottom: solid 1px #CCC;
    }

    .progressFactor h4{
        color:#8775a7;
        font-size: 14px;
        font-weight: 400;
        margin-bottom:0px;
    }


/* ----------------------------------------------*/

/* RESULTADOS GRAFICOS            ---------------*/

/* ----------------------------------------------*/
    .progressFactor h4{
        color:#8775a7;
    }
/*  GRAFICOS  -------------------------------*/
    .portlet.diaBox > .portlet-title {
    border-bottom: 1px solid #8775a7;
    }

/*  DIAGNOSTICS ------------------------------*/

    .diaBoxDiagnosticsTitle {
        border-bottom:solid 2px #754d76;
    }


/* ----------------------------------------------*/
/* ONLY VISIBLE FOR LG and more */
/* ----------------------------------------------*/

@media (min-width: 992px) {

    #pageResult .result-1col {
        border-right:solid 1px #FFF;
    }
}

/* ----------------------------------------------*/
/* ONLY VISIBLE FOR XS, SM and MD */
/* ----------------------------------------------*/

@media (max-width: 991px) {
    
    
    #signin1 .modal-content {
    background-image: url(../assets/pages/img/login/bg_signin1.jpg);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
        padding-bottom:120px;
    }
    #signin2 .modal-content {
    background-image: url(../assets/pages/img/login/bg_signin2_mobile.jpg);
    background-position: top center;  
    background-size:auto;
    background-repeat: no-repeat;}
    
    
    .page-header.navbar {
    background-color: #FFFFFF;
    border-bottom: solid 2px #a78fa9;
    }
}
/* ----------------------------------------------*/
/* ONLY VISIBLE FOR XS and SM  */
/* ----------------------------------------------*/

 @media (max-width: 767px)  {  
     
     .welcome-text .btn{
     color:#522054;}
     
    .home-bkg-welcome {
        background-image: url(../images/home_bkg_welcome_sm.jpg);
        background-position: center bottom;
    }     
     
}