body, h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat","Open Sans",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat","Open Sans",sans-serif;
    font-weight: 500;
}

/*  MODAL   */
    .modal-content {
        padding: 20px
}
    
    .modal h3 {
        margin-top:0 !Important;
        margin-left:5px !Important;
    }
    .modal h4 {
        margin-top:0 !Important;
        margin-bottom:0 !Important;
        margin-left:5px !Important;
        font-weight:400;
        text-transform: uppercase;
    }

    .modal-title {
        border-bottom: none;
        text-transform: uppercase;
    }
    .modal-subtitle {
        border-bottom: none;
        text-transform: uppercase;
    }
    .modal-footer {
        text-align: center;
    }
    .modal .modal-header {
        border-bottom: 1px solid #CCC;
    }
    .modal .modal-body p{
        margin-top: 0;
        line-height: 25px
    }

    .modal .modal-button {
        padding-top:15px;
        padding-bottom:30px;
    }



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

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

.img-fluid {
    /*  max-width: 100%;
      height: auto;*/
    }
.img-login {
    width: 50% !Important;
    height: 50% !Important;
}

.login {
}

    .user-login-5 .login-container>.login-content {
        margin-top: 15% !Important;
        text-align: center
    }
    .user-login-5 .login-container>.login-content img{
        margin:0 auto;
        width: 60%;
        height:60%;}

    /*ALERT TEXT fix*/
    .user-login-5 .login-container>.login-content .login-form {
        margin-top: 30px;
    }


    .loginCol1 p{
        color:#FFF;
        line-height: 30px;
        font-size: 13px;
        text-align: center;
        padding-top: 10%;
    }
    .loginCol2 {

    }
    .user-login-5 .login-container>.login-content {
    }

    .login-portlet {
        height: 50%;
        padding: 30px;
        border-radius: 40px;
    }


    .login-portlet h2 {
        text-transform: uppercase;
        margin-bottom:0;
    }
    .login-portlet p {
        margin-top:0;
    }

    .login-portlet input {
        padding:25px;
        text-align: left    
    }


    .login-footer {
        margin-top: 50px;
        padding: 0 30px;
    }


.login-container-mobile {
    padding: 10% 10% 0 10%;
        text-align:center
}
.login-container-mobile p{
    line-height: 30px;
    text-align: center;
}




    .forget-form {
        border-top:solid 1px #FFF;
        padding: 15px 0 50px 0;
    }
    .forget-form .form-actions{
        padding-top:15px;
}

    /*   LOGIN MODALS  --------------*/
    #signin1 .modal-content{
    min-height: 450px;
    }
    #signin2 .modal-content {
    min-height: 650px;
    }
    #signin1 .modal-content {
    background-position: top center; 
        background-size: cover
        
    }
    #signin2 .modal-content {
    background-position: top left;  
        background-size: cover
    }
    #signin1 .signin-col02{
        padding-top: 10px
        }
    #signin2 .signin-col02{
        padding-top: 100px
        }

    #signin1 .modal-header,
    #signin2 .modal-header,
    #signin3 .modal-header {
        border-bottom:none
}


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



.btn-rounded {
    border-radius: 40px;
    padding-top:10px;
    padding-bottom:10px;    
    transition: all 0.3s ease 0s;
}

.modal-footer .btn {
    padding-left:60px;
    padding-right:60px;    
}



.page-content-wrapper .page-content {
    min-height: 1250px;
    padding-bottom: 50px;
}



/* HEADER */

.page-header-fixed .page-container {
    margin-top: 0px !Important; /*  ajustes para SM y XS*/
}

.page-header.navbar .page-logo .logo-default {
    margin: 5px 0 10px 0;
}


/* SIDEBAR NAVBAR-------------------*/

        /* HEADINGS */
        .page-sidebar .page-sidebar-menu>li.heading,
        .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading {
            padding: 15px;
        }
        .page-sidebar .page-sidebar-menu>li.heading>h3, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.heading>h3 {
            font-weight: 200;
        }

        .page-sidebar .page-sidebar-menu{
            padding-top:70px !Important;
        }

 


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

.home-portlet, 
.home2-portlet {
    text-align: center;
}
.home-portlet h2,
.home2-portlet h2 {
    text-transform: uppercase;
}

.home-portlet .desc
.home2-portlet .desc{
    font-weight: 400;
    line-height: 25px;
}

.home-portlet .desc .btn,
.home2-portlet .desc .btn{
    margin-top:25px;
}

.home-bkg-welcome {
    height: 490px;
}

.portlet.home-portlet {
    padding:0;
    height: 490px;
}

.portlet.home2-portlet {
    padding:0;
    height: 250px;
}

.welcome-text {
    margin-left:1.2em;
    margin-top:1.1em;
    font-weight: 600;
    height: 490px;
}
.welcome-text .btnBox {
  position: absolute;
  bottom: 2.0em;
}

.welcome-text h1 {
    margin-bottom:1.2em;
    text-transform: uppercase;
}
.welcome-text .desc {
    line-height: 1.2em;
    font-size: 1.35em;
}

.welcome-text .desc span{
    display: block;
    font-size: 1.2em;
    margin-top: 1.4em;
    margin-bottom: 1.1em;
}
.rounded-20 {
  border-radius: 20px !important;
}


.home-image01,
.home-image02,
.home2-image01,
.home2-image02{
    background-repeat: no-repeat;
    background-size: cover;
    background-position:center bottom;
    height: 250px;
}

.portlet.home-portlet .home-image01,
.portlet.home-portlet .home-image02 {
    border-radius: 20px;
}

.portlet.home2-portlet .home-image01,
.portlet.home2-portlet .home-image02 {
    border-radius:20px;
}


/*   BOXES  --------------*/
    .home-boxes2{
        margin-top:250px;
    }

    .result_atributoBoxCol1{
        padding-right:0;
    }



    /*  COLOR  --------------*/

    .portletDia{
        margin-top: 0px;
        margin-bottom: 25px;
        padding: 40px;
    }

    .diaResultBoxBorderBottom {
        padding-bottom: 20px;
        margin-bottom:20px;
    }
    .portlet.diaResultBox  {
        padding: 30px
    }
    .diaResultBox p {
        margin: 0;
    }



ul.home2-buttons {
    list-style: none;
    margin:0;
    padding:0;
}
.home2-buttons li {
    height: 75px;
    list-style: none;
    border-radius: 20px;
    padding: 10px;
    margin-bottom:28px;
}
.home2-buttons .fct-general {
    width: 9%;
    float:left;
    display: inline;
    font-size:35px;
}


.home2-buttons .title-button-factor {
    width: 60%;
    float:left;
    display: inline;
    font-size: 24px;
    line-height: 24px;
    margin-top:0;
    font-weight: 300;
    text-transform: uppercase;
}

.home2-buttons .title-button-factor span{
    font-size: 14px;
    line-height: 14px;
    display: block;
    margin: 5px 0 0 0;
}

.home2-buttons .link-button-factor {
    width: 30%;
    float:right;
    padding-top: 4px;

}



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

.page-container-bg-solid .page-title,
.page-content-white .page-title {
    text-align:center;
    margin-top:0;
}
h1.page-title {
    text-transform: uppercase;
}

.page-title small {
    display: block;
    text-transform: uppercase;

}



/* --------------- STEPS -------------*/
.mt-step-col {
  width: 14.192978723404255%;
  *width: 14.192978723404255%;
}
.mt-element-step .step-line .mt-step-col {
    padding-top:0
}
.mt-element-step .step-line .mt-step-title{
    font-size: 11px;
}
.mt-element-step .step-line .mt-step-title{
    font-size: 14px;
}

/* circle  */
.mt-element-step .step-line .mt-step-number {
    font-size: 14px;
    padding: 4px;
    margin-bottom: 5px;
    border: 3px solid;
    position: relative;
    z-index: 5;
    height: 30px;
    width: 30px;
    text-align: center;
}


/* title DEACTIVE*/
.mt-element-step .step-line .mt-step-title{
    font-size:9px;
}
/* title  ACTIVE + DONE*/
.mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .active .mt-step-title{
    font-size:9px;
}


.mt-element-step .step-line .mt-step-title:before,
.mt-element-step .step-line .mt-step-title:after {
    top:-18px;
}


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


.diaQuestion {
    text-align: center;
}

.diaQuestion h3{
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    text-transform: uppercase;
/*    padding: 25px 25% 25px 25%;*/
}

.question-faces {
    text-align: center;
    margin-top: 25px;
}
.questionFace {
    text-align: center;
    padding: 0 20px 20px 10px;
}

a.questionFaceButton, button.questionFaceButton{
    display: block;
    width:100%;
    padding:20px 10px;
    border-radius:20px;
    /* https://www.cssmatic.com/box-shadow */
}

a.questionFaceButton:hover, button.questionFaceButton:hover {
   transition-duration: 0.5s;   
}
a.questionFaceButton:active, button.questionFaceButton:active {
   transition-duration: 0.3s    
}
a.questionFaceButton:focus, button.questionFaceButton:focus {
   transition-duration: 0.3s    
}
a.questionFaceButton img, button.questionFaceButton img {
    width: 90px;
    height: 90px
}
a.questionFaceButton:hover img, button.questionFaceButton:hover img {
    transition-duration: 0.3s;
}
a.questionFaceButton:active img, button.questionFaceButton:active img {
    transition-duration: 0.3s;
}
a.questionFaceButton:focus img, button.questionFaceButton:focus img {
}

.questionText {
	font-size: 2em;
	display: block;
	font-weight: 600;
}


.questionCounter {
    text-align: center;
    font-size: 10px;
}
.questionCounter ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
}

.questionNav {
    margin-top:15px;
}
.questionNav a.btn {
    padding: 6px 30px;
}




/* --------------- RESULT (CUESTIONARIO) -------------*/

/* Colores resultados

f _ fortalezas   : #2cab00  VERDE      hover:#336600   bkg:#fff
o _ oportunidades: #0047ab  AZUL       hover:#002f70   bkg:#fff
r _ riesgos      : #ff5a00  NARANJA    hover:#bc4301   bkg:#fff
l _ limitaciones : #ff0000  ROJO       hover:#990000   bkg:#fff

*/

    #pageResult .portletDia h3{
        text-transform: uppercase;
        margin-top:0;
    }
    #pageResult .portletDia h3 small{
        font-size: 14px;
        font-weight: 200;
        display: block;
        margin-bottom: 32px;
    }

    #pageResult .portletDia p {
        font-weight: 200;
        font-size: 14px;
        line-height: 25px;
        letter-spacing: 1.1px;

    }

    #pageResult .result-1col {
        padding-bottom:25px;
    }

    #pageResult .result-2col {
        text-align: center;
    }

    #pageResult .result-1col .btn{
        text-align: center
    }


    /*ICONOS DE RESULTADOS */

    #pageResult .result-2col i.fa {
    font-size: 8em;
      width: 2em;
      text-align: center;
      line-height: 2em;
      border-radius: 1em; /* or 50% width & line-height */
        margin-bottom: 20px;
    }


    #pageResult .result-2col .result-icon-subtitle{
            font-size: 14px;
            font-weight: 200;
            display: block;
        text-transform: uppercase;
}
    #pageResult .result-2col .result-icon-title{
            font-size: 30px;
            font-weight: 400;
        letter-spacing: 1.5px;
            display: block;
        text-transform: uppercase;
}

    #pageResult .result-2col .result-icon-phrase{
}
    #pageResult .result-2col .result-icon-button{
        padding-top: 30px;
}



/* --------------- RESULT DIA GENERAL -------------*/

    .resultDia_titleFactor {
        text-transform: uppercase;
        font-weight: 400
    }
    .resultDia_stateFactor {
        text-transform: uppercase;
        font-weight: 700;
    }


/* --------------- INDICE -------------*/
        .portlet.diaIndiceBox {
            padding-bottom:40px;
        }

        .diaIndiceBox h4 {
            text-transform:uppercase;
            font-size: 15px;
            font-weight: 700;
        }
        #speedDiv {
            margin: 12px auto;
        }
        #speedDiv.indice_bkg {
        position: relative;
        width: 210px;
        height: 180px;
        display: block;
        background-repeat: no-repeat;
        background-position: top center;
        }
        #speedDiv .indice_value {
            font-size: 70px;
            font-weight: 700;
            margin-top:-70px;
        }

        #speedDiv .indice_value span{
            font-weight: 300
        }


/* --------------- RESULT POR ATRIBUTO -------------*/

    .result_atributoBoxCol1{
        z-index: 100;
    }
/*  MENU -------------------------------*/
    .result_atributoBoxCol1 ul li.active a:link{
        font-weight: 700;
        border-radius: 10px 0 0 10px;
    }


    .result_atributoBoxCol1 ul li a{
        font-weight: 400;
        height: 70px;
        margin:10px 0;
        padding-right:0;
        text-transform: uppercase;
        padding:15px 0 0 15px;
    }
    .result_atributoBoxCol1 ul li a:link,
    .result_atributoBoxCol1 ul li a:active,
    .result_atributoBoxCol1 ul li a:focus   {
        border-radius: 10px 0 0 10px !Important;
    }
    .result_atributoBoxCol1 ul li a:hover {
        border-radius: 10px 0 0 10px;        
    }
/* FIN MENU */

    .result_atributoBoxCol2{
        min-height: 650px;
        margin-top:10px;
        margin-bottom:20px;
        border-radius: 0 20px 20px 0;
        padding: 0px 30px 15px 30px;
    }
    
    .result_atributoBoxCol2_col1 {
    text-transform: uppercase;
        font-weight: 700;        
    }
    
    .result_atributoBoxCol2_col1 h1 {
    font-size: 16px;
        margin-bottom:0;
        font-weight: 400;
    }

    .result_atributoBoxCol2 .tab-content .tab-pane {
    }

    .inc_indice {
        margin-top: 10px;
    }




/* --------------- RESULT DETALLADOS -------------*/
    .previousResult,
    .nextResult {
        display: block;
        width: 70px;
        height: 70px;
        font-size: 50px;
        text-align: center;
        border-radius: 10px;
    }

    .previousResult {
            float: left
        }
        .nextResult {
            float: right;
        }

        .previousResult i,
        .nextResult i{
            margin: auto auto;
        }


    .resultsDetalladosQuestion {
        text-align: center;
        padding: 5px;
    }
    .resultsDetalladosQuestion span {
        display: block;
        font-size: 1.2em;
        font-weight: 400;
        margin-top: 10px;
        text-transform: uppercase;
    }
    .resultsDetalladosActions h4 {
        font-weight: 400;
	}

/*  Resultados detallados -------------------------------*/

    #pageResultDetails .result_atributoBoxCol1 ul li a{
        font-weight: 400;
        height: 70px;
        margin:10px 0;
        padding-right:0;
        text-transform: uppercase;
        padding:15px 0 0 15px;
        transition-duration: 0.5s;
        border-left-style: solid;
        border-left-width: 1px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }

    #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 {
        border-radius: 10px 0 0 10px !Important;
    }

    #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 {
        border-radius: 10px 0 0 10px;
    }

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

    #pageResultDetails .result_atributoBoxCol1 ul{
        border-width: 0px;
    }

    #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 {
        font-weight: 700;
        border-left-style: solid;
        border-left-width: 5px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
    }


    /* RESULT 01    */
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:link,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:active,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:focus {
            background-color: #2cab00;
        }
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultf:hover {
            background-color: #336600;
        }
        /* ACTIVE */
        #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultf:link {
            background-color: #FFF;
            color: #2cab00;
            border-left-color: #2cab00;
        }

    /* RESULT 02    */
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:link,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:active,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:focus {
            background-color: #0047ab;
        }
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResulto:hover {
            background-color: #002f70;
        }
        /* ACTIVE */
        #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResulto:link {
            background-color: #FFF;
            color: #0047ab;
            border-left-color: #0047ab;
        }

    /* RESULT 03    */
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:link,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:active,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:focus {
            background-color: #ff5a00;
        }
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultr:hover {
            background-color: #bc4301;
        }
        /* ACTIVE */
        #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultr:link {
            background-color: #FFF;
            color: #ff5a00;
            border-left-color: #ff5a00;
        }


    /* RESULT 04    */
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:link,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:active,
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:focus {
            background-color: #ff0000;
        }
        #pageResultDetails .result_atributoBoxCol1 ul li a.liResultl:hover {
            background-color: #990000;
        }
        /* ACTIVE */
        #pageResultDetails .result_atributoBoxCol1 ul li.active a.liResultl:link {
            background-color: #FFF;
            color: #ff0000;
            border-left-color: #ff0000;
        }

/* FIN Resultados detallados */

        /* MENU COLLAPSE PARA VERSION MOBILE*/

    .diaAccordionMenu.accordion .panel .panel-title  {
        font-weight: 400;
        text-transform: uppercase;
    } 

    /*  SUB SUB MENU (ATRIBUTOS)*/
    .diaSubSubMenu.accordion .panel .panel-title .accordion-toggle.accordion-toggle-styled.collapsed {
        background-position: right 22px;
    }   
    .diaSubSubMenu.accordion .panel .panel-title  {
        font-weight: 400;
        text-transform: uppercase
    } 
    .diaSubSubMenu.accordion .panel .panel-title span {
        font-weight: 700;
        padding-top: 5px;
        display: block
    } 


/*  submenu BKG COLOR BY RESULTS ----------*/
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultf {
        background-color: #2cab00;
    }
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultf:hover,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultf:active,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultf:focus{
        background-color: #336600;
    }

    .diaAccordionMenu .panel-default>.panel-heading.bkgResulto {
        background-color: #0047ab;
    }
    .diaAccordionMenu .panel-default>.panel-heading.bkgResulto:hover,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResulto:active,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResulto:focus{
        background-color: #002f70;
    }

    .diaAccordionMenu .panel-default>.panel-heading.bkgResultr {
        background-color: #ff5a00;
    }
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultr:hover,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultr:active,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultr:focus{
        background-color: #bc4301;
    }

    .diaAccordionMenu .panel-default>.panel-heading.bkgResultl {
        background-color: #ff0000;
    }

    .diaAccordionMenu .panel-default>.panel-heading.bkgResultl:hover,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultl:active,
    .diaAccordionMenu .panel-default>.panel-heading.bkgResultl:focus{
        background-color: #990000;
    }

.textResult01, .textResult_f {
        color: #2cab00 !Important;}
.textResult02, .textResult_o {
        color: #0047ab !Important;}
.textResult03, .textResult_r {
        color: #ff5a00 !Important;}
.textResult04, .textResult_l {
        color: #ff0000 !Important;}

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

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

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


/*  PROGRESS BARS  -------------*/
    .progress-bar-result01, .progress-bar-result_f {
        background-color: #2cab00;
    }
    .progress-bar-result02, .progress-bar-result_o  {
        background-color: #0047ab;
    }
    .progress-bar-result03, .progress-bar-result_r  {
        background-color: #ff5a00;
    }
    .progress-bar-result04, .progress-bar-result_l  {
        background-color: #ff0000;
    }

    .progressFactor {
        border-bottom: solid 1px #CCC;
        text-transform: uppercase;
    }
    .progressFactor h4{
        font-size: 14px;
        font-weight: 400;
        margin-bottom:0px;
    }
    .progressFactor .subtitleFactorDetalle{
        margin-bottom:10px;
        font-weight: 700
    }
    .progressFactor .progress{
        margin-bottom:10px;
        background-color: #d6d6d6;
        border-radius: 10px;
    }
    .progressFactor .progress-bar{
        margin-bottom:10px;
        border-radius: 10px;
    }





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

        .portlet.diaBox > .portlet-title {
            border-bottom: 1px solid #8775a7;
        }
        .row.result_graficos_table {
            margin: 0px;
        }    
    .result_graficos_table div{
        width: 48%;
        margin: 1%;
        padding: 4%;
        text-transform: uppercase;
        color:#000;
        border-radius: 5px;
        font-size: 12px;
        text-align: center
        }

    .result_graficos_table div span{
        font-size: 24px;
        font-weight: 300;
        display: block;
        margin-bottom: -5px;
    }


    .result_graficos_table-01{
        background-color: #56bc33;
        }
    .result_graficos_table-02{
        background-color: #bb3333;
        }
    .result_graficos_table-03{
        background-color: #336cbc;
        }
    .result_graficos_table-04{
        background-color: #ff7b33;
        }


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

    .diaBoxDiagnosticsTitle {
        padding-bottom:10px;
        margin-bottom: 15px;
    }

    .diaBoxDiagnostics  h5{
        font-weight: 400; 
        text-transform: uppercase;
        line-height: 18px;
    }
    .diaBoxDiagnostics p {
        margin-top:0;
    }
    .diaBoxDiagnostics  span{
        font-weight: 700;
    }
    
    .diaBoxDiagnostics ul.minibooksList li {
        list-style: none;
        margin-bottom: 10px;
    }







/* ---------SM------------       */
/* ONLY VISIBLE FOR SM and UP */
@media (min-width: 576px) {
}

/* ONLY VISIBLE FOR XS */
@media (max-width: 575px) {

    .modal h3, .modal h4 {
        font-size: 14px;
    }

    .user-login-5 .login-container > .login-content {
    padding: 0 10px !Important;
    }

    .home2-buttons .fct-general{
         width:14%;
    }
    .home2-buttons .title-button-factor {
         width: 55%;
    }
    .home2-buttons .title-button-factor {
    font-size: 16px !Important;
     }
    .link-button-factor .btn {
        font-size: 12px;
    }
    .welcome-text .btnBox {
    /*padding-top: 230px !Important;*/
    }
     .result_atributoBoxCol1 ul li a{
        font-size: 11px;
    }
    .questionText {
	font-size: 1.1em;
	display: block;
	font-weight: 600;
}
a.questionFaceButton img, button.questionFaceButton img {
    width: 60px;
    height: 60px
}
.question-faces {
    margin-top: 15px;
}
.questionFace {
    padding: 0 10px 10px 5px;
}

a.questionFaceButton, button.questionFaceButton{
    padding:10px 5px;
    border-radius:20px;
    /* https://www.cssmatic.com/box-shadow */
}

}
    

/* ---------MD------------       */
/* ONLY VISIBLE FOR MD and UP */
@media (min-width: 768px) {
}

/* ONLY VISIBLE FOR XS and SM */
@media (max-width: 767px)  {    

    .user-login-5 .login-container > .login-content {
    padding: 0 10px !Important;
    }

/*	.resultsDetalladosQuestion span {
		margin-bottom: 0;
	}
	.resultsDetalladosQuestion, .resultsDetalladosActions p {
		margin-bottom: 5px;
		margin-top: 5px;
	}
*/     
    .home-image01, .home-image02{
        background-position: right top;
        height: 350px; 
    }
    .welcome-text {
        margin-left: 0.8em;
        margin-top: 0.8em;
        text-align: center;
    }
    .welcome-text .desc{ 
        line-height: 1.1em;
    }
    .welcome-text h1,
    .welcome-text .desc,
    .welcome-text .desc span{
        margin:0;
    }
    .welcome-text .btnBox {
       position: absolute;
	   bottom: 2.0em;
       padding-top: 1.2em;
    }
    .home2-buttons .title-button-factor {
       font-size: 20px;
       line-height: 20px;
    }
    .questionText {
	    font-size: 1.3em;
	    display: block;
	    font-weight: 600;
    }
    .questionFace {
        text-align: center;
        padding: 0 6px 6px 3px;
    }     
    a.questionFaceButton img {
        width: 80px;
        height: 80px;
    }
    .diaQuestion h3{
        font-size: 15px;
        line-height: 22px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px 5% 10px 5%;
        margin-top: 0;
    }
    .accordion.diaAccordionMenu .panel .panel-heading {
        padding: 20px 0;
    }
}


/*  HIDE ELEMENTS BY WEIGHT */
/* https://getbootstrap.com/docs/4.1/utilities/display/  */

/* ---------LG------------       */
/* ONLY VISIBLE FOR LG and UP */
@media (min-width: 992px) {
}

/* ONLY VISIBLE FOR XS, SM and MD */
@media (max-width: 991px) {

    .user-login-5 .login-container > .login-content {
    padding: 0 10px !Important;
    }

    #signin2 .modal-content{
        min-height: 850px;
    }
    #signin2 .signin-col02{
        padding-top: 0px
    }
    .page-sidebar .page-sidebar-menu{
        padding-top:0px !Important;
    }
    .page-header.navbar {
        height: 60px;
    }
    .page-header.navbar .menu-toggler.responsive-toggler {
        margin-top: 20.5px;
    }
    .page-header-fixed .page-container {
        margin-top: 50px;
    }
    .portlet.home-portlet {
        height: auto;
    }  
    .portlet.home2-portlet {
        height:350px;
    }      
	.questionFace {
    	padding: 0 6px 6px 3px;
    }     
    button.questionFaceButton img, a.questionFaceButton img {
        width: 65px;
        height: 65px;
    }
    .diaQuestion h3{
        font-size: 15px;
        line-height: 22px;
        font-weight: 700;
        text-transform: uppercase;
        padding: 10px 5% 10px 5%;
        margin-top:0;
    }    
    #pageResult .result-1col {
        border-right:none;
        border-bottom:1px solid #FFFFFF;
        margin-bottom:25px;
        text-align: justify
    }
}


/* ---------XL------------       */
/* ONLY VISIBLE FOR XL and UP */
@media (min-width: 1200px) {
}