html {
    font-size: 12px;
}
* :not(i){
    padding: 0; margin: 0; 
    font-family: 'Montserrat', Arial !important;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

body {
    color: #4a4a4a; 
    overflow-x: hidden !important; 
    overflow-y: visible !important;
}

.clearfix:after {content: ""; display: block; clear: both; height: 0;}

.SM-content {
    background-color: #f2f2f2;
    padding: 40px 2%;
    overflow: hidden;
}

p {
    font-family: 'Montserrat', Arial;
    font-size: 1em;
    line-height: 25px;
    color: #7f8c8d;
}



.mt-1 {
    margin-top: 1em;
}

.pt-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}

.pl-2 {
    padding-left: 2em;
    padding-right: 2em;
}

hr {
    border-color: #CBCBCE;
}

ul {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

ul li {
    list-style-type: none;
}

a:hover {
    text-decoration: none;
}

.img-responsive {
    width: 100% !important;
}

.main_block { position: relative; overflow: hidden; margin: 0 auto; max-width: 1280px;} 
.main_block--active {display: block;}
.wrapper_content {
    margin-bottom: 30px; 
    background: #fff; 
    border: 1px solid #D8D8D8;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21); 
    position: relative; 
    padding-bottom: 30px; 
}

.wrapper_content > .row {
    padding: 40px 20px 0 !important;    
}

.padding--20 { padding: 20px; }


.small-message {
    color: #888;
    font-size: 13px;
    line-height: 1.2em;
}



    
.title_section.breadcrumbmenu .app_title {
    display: inline;
    cursor: pointer;
}



.footer-msg-alert-container {
    margin-left: 0px;
    border: 1px solid #c1c1c1;
    padding: 10px;
    line-height: 25px;
}
.footer-msg-alert-container span {
    display: block;
}
.footer-msg-alert-container span.static-alert {
    color: #333;
    font-weight: 700;
}
i.fa.fa-info-circle.fa-help_prioritation_table_actions {
    font-size: 16px;
    margin: 7px 0;
    color: #888;
}





.gi_chat{
    
    z-index:10;
}

.course-content, .course-content > div, .contenido, #gi_content {
    height: 100%;
}

.imw-step1,.imw-step2,.imw-step4_title,.tools-prev-wr,.imw-step3_title{
	display:none !important;
} 
    @media (min-width: 768px) {
        .parameter_list {
            padding-right: 0;    
        }
    }
    
    .wrapper_content {
        margin-bottom: 60px;
    }
    
    
    .contentMenu.params {
        display: none !important;
    }

    

    .parameter_list .parameter_title {
        border-bottom: 1px solid #ddd;
        padding: 0 15px;
        background-color: #eee;
        position: relative;
        border-left: 4px solid transparent;
        cursor: default;
    }
    
    .parameter_list .parameter_title.active {
        background-color: #fff;
        position: relative;
        border-left: 4px solid #4a90e2;
    }
    
    li.parameter_title:first-child.active {
        border-top: 1px solid #ddd;
        border-left: 4px solid #4a90e2;
    }
    
    .parameter_list .parameter_title i {
        margin-right: 15px;
    }
    
    .parameter_list .parameter_title .left-dot {
        width: 80%; 
        display: inline-block;
        margin-right: 0 !important;
        line-height: 1.2;
        padding: 20px 0;
    }
    
    .parameter_list .parameter_title .left-dot p {
        font-size: 12px;
        line-height: 1.3;
    }
    
    .parameter_list .parameter_title .left-dot small {
        font-size: 12px;
        line-height: 1.3;
        padding: 5px 0;
        color: #999;
    }
    
    .parameter_list .percent_col {
        width: 18%;
        display: inline-block;
        line-height: 1.2;
        padding: 5px 0;
    }
    .percent_col span{
        padding: 0px 5px;
        border-bottom: 1px solid;
        text-align: center;
        min-width: 40px;
    }
    .parameter_list .parametros_pts_input {
        width: 50px;
        text-align: center;
        display: inline-block;
        margin-right: 5px;
    }
    
    .parameter_list .parameter_title::after {
        content: '';
        display: block;
        width: 30px;
        height: 100%;
        position: absolute;
        top: 0px;
        left: calc(100% - 14px);
        background-color: #eee;
        z-index: 0;
        border-bottom: 1px solid #ddd;
        
    }
    
    .parameter_list .parameter_title.active::after {
        content: '';
        display: block;
        width: 30px;
        height: 100%;
        position: absolute;
        top: -1px;
        left: calc(100% - 14px);
        background-color: #fff;
        z-index: 9;
        border-bottom: 1px solid #ddd;
        border-top: 1px solid #ddd;
    }
    
    .vector_container {
        padding-right: 0 !important;
    }
    
    .vectores_sugeridos_content .indicadores_col {
        background-color: #fff;
        padding: 0px 15px 15px 15px;
        overflow-y: auto;
        overflow-x: hidden;
        margin-top: -4px;
        max-height: 310px;
        margin-bottom: 20px;
    }
    
    .indicadores_col li {
        border-radius: 2px;
        border: 1px solid #ddd;
        margin-bottom: 8px;
        cursor: pointer;
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        -webkit-flex-direction: row;
        justify-content: stretch;
        -webkit-justify-content: stretch;
        align-items: stretch;
        -webkit-align-items: stretch;
        align-content: stretch;
        -webkit-align-content: stretch;
        background-color: #fff;
    }
    
    .indicadores_col li i {
        padding: 12px 20px;
        border-right: 1px solid #ddd;
        height: auto;
        display: inline-block;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-content: center;
        justify-content: center;
    }
    .indicador_list i.fa.fa-plus.fa-Addindicador.active {
        color: #fff;
        background: #97c5ff;
    }
    
    
    
    .indicadores_col li .indicador_text {
        padding: 5px 10px;
        width: 100%;
    }
    
    .indicadores_col li .indicador_text p {
        font-size: 12px;
        line-height: 1.3;
        display: block;
    }
    
    .indicadores_col li .indicador_text small {
        font-size: 12px;
        line-height: 1.3;
        display: inline-block;
        padding: 5px 0;
        color: #999;
        opacity: 0.6;
    }
    .nivel-minimo{
        margin-top: 10px;
        opacity: 0.8;
    }
    .indicadores_col li .indicador_text a {
        text-decoration: underline;
        font-size: 14px;
        display: block;
        text-align: right;
        color: #4a90e2;
    }
    
    .parameter_title.parameter_total {
        background-color: #97c5ff;
        position: fixed;
        width: 100%;
        left: 0;
        z-index: 99;
        padding-left: 100px;
        padding-right: 6%;
    }
    
    .parameter_title.parameter_total .left-dot {
        display: inline-block;
        margin-left: 70px;
        padding: 20px 0;
        width: calc(68% - 34px);
        line-height: 1.2;
        font-weight: 600;
        font-size: 18px;
        margin-right: 5px;
    }
    
    @media (max-width: 991px) {
        .parameter_title.parameter_total .left-dot {
            width: calc(72% - 34px);
        }
    }
    
    .parameter_title.parameter_total .percent_col {
        width: calc(20% - 28px);
        display: inline-block;
        line-height: 1.2;
        padding: 10px 0;
        font-size: 18px;
    }
    
    @media (max-width:1300px){
       .parameter_title.parameter_total .percent_col{
            width: 20%;
       } 
    }
    
    @media (max-width: 991px) {
        .parameter_title.parameter_total .percent_col {
            width: 24%;
        }
    }
    
    .parameter_title.parameter_total .percent_col .total_parametros_pts_input {
        width: 70px;
        text-align: center;
        display: inline-block;
        margin-right: 5px;
        height: 32px;
        font-size: 18px;
    }
    
    .parameter_title.parameter_total .btn-saveCriteriaParemeter {
        margin-top: 12px;
        margin-left: 15px;
        background-color: #fff !important;
        color: #4a90e2 !important;
        border: 2px solid #4a90e2 !important;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 25px !important;
    }
    
    .parameter_title.parameter_total .btn-saveCriteriaParemeter:first-of-type {
        margin-left: 47px;
    }
    
    .parameter_title.parameter_total .btn.reload {
        margin-top: 12px;
        margin-left: 15px;
        background-color: #fff !important;
        color: #4a90e2 !important;
        border: 2px solid #4a90e2 !important;
        font-weight: 600;
        text-transform: uppercase;
        border-radius: 25px !important;
    }
    
    
    .msg_info {
        text-align: center;
        padding: 20px;
        background-color: #fff;
    }
    
    
    
    
    
    .indicadores_config_bg {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 999;
        background-color: rgba(0,0,0,0.2);
        top: 100%;
        left: 0;
        -webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -ms-transition:all 1s ease;
        -o-transition:all 1s ease;
        transition:all 1s ease;
    }
    
    .indicadores_config_bg.active {
    	top: 0%;
    	-webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -ms-transition:all 1s ease;
        -o-transition:all 1s ease;
        transition:all 1s ease;
    }
    
    .indicadores_config_wrapper {
    	width: 80%;
    	height:auto;
    	background:#fff;
    	overflow:hidden;
    	position:relative;
	    top: 50%;
	    left: 10%;
        z-index: 9999;
        padding: 30px;
        box-shadow: 2px 2px 2px 2px #aaa;
    }
    
    .indicadores_config_wrapper .row {
        margin-left: 0;
        margin-right: 0;
    }
    
    .content-compromisos-info .compromisos-indicador-description {
        margin-bottom: 0 !important;
    }
    
    .indicadores_config_wrapper .connectedSortable {
        margin-top: 15px !important;
    }
    
    .content_parameters {
        padding-top: 0px;
    }
    
    
    
    
    .configBlock{
    position: absolute;
    right: 1px;
    top: 15%;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.configBlock.is-active{
    position: absolute;
    right: 1px;
    top: 15%;
    width: 50%;
    border-radius: 2px;
    background: white;
    border: 1px solid #4990e2;
    border-right: none;
    height: 60%;
}

.configBlock.is-active .configBtn{
    display: none;
}

.configBlock .configBtn{
    padding: 0.5% 1%;
    background: white;
    border-left: 3px solid #4990e2;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
}

#content_Autoeval .btn-primary.btn-notifyEmail{
    display:none;
}

#content_Autoeval .vectores_sugeridos_ccs{
    width:100%;
}

  #content_Autoeval .vectores_sugeridos_ccs{
        overflow: visible;
        width: 100%;
        padding-top: 0 !important;
        padding-right: 0 !important;
    }
    
    #configPlan .contentBlock{
        background: #FFFFFF;
        box-shadow: 0 0 5px 0 rgba(0,0,0,0.25);
        border-radius: 5px 5px 0 0;
        padding: 3% 0;
        min-height:445px;
        margin-top:-5px;
        position: relative;
    }
    
    #configPlan .parameter_list .parameter_title::after{
        display: none;
    }
    
    #configPlan .parameter_list .parameter_title{
        border-bottom: none !important;
        padding: 0 !important;
        background-color: transparent !important;
        position: relative ;
        padding: 0 20px 3px 30px !important;
        border-left: 0 !important;
        border-top:0 !important;
    }
    
    #configPlan .parameter_list .parameter_title .left-dot{
        padding: 0;
    }
    
    #configPlan .tabsBtns{
        position: absolute;
        left: -71px;
        width: 70px;
        z-index: 0;
        border-radius: 5px 5px 0 0;
    }
    
    #configPlan .tabBtn{
        background: #F6F6F6;
        cursor: pointer;
        padding: 15% 3%;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.24);
    }
    
    #configPlan .all_parametros_content{
        max-height: 70%;
        overflow-y: scroll;
        padding-right:10px;
    }
    
    #configPlan .tabBtn.active{
        background: white;
        width:71px;
        position: relative;
    }
    #configPlan .tabBtn .tabBtn-number.active{
        color: #4a90e2;
    }
    #configPlan .tabBtn p.active{
        color: #4a90e2;
    }
    
    #configWp > .right-col{
        padding-right: 0;
    }
    
    #content_Autoeval > .graphic_col{
        padding: 3% 70px 3% 20px !important;
    }

    #configPlan .tabBtn.active:before{
        content: "";
        width: 5px;
        height: 100%;
        position: absolute;
        top: 0;
        right: -2px;
        background: white;
        z-index: 100;
        display: inline-block;
    }
    
    #configPlan .tabBtn p{
        font-family: 'Montserrat', arial;
        font-size: 11px;
        color: #646464;
        line-height: 11px;
        margin: 7px 0;
        text-align: center;
    }
    
    #configPlan .tabBtn p:first-child{
        font-weight: bold;
        font-size: 14px;
        color: #BEBEBE;
    }
    
    #configPlan .tabsWrapper{
        max-height: 50vh;
        position: relative;
        display: inline-block;
        width: 100%;
        height: auto;
    }
    
    #configPlan .tabsWrapper .tabBlock{
        height: 100%;
        position: static;
        display: inline-block;
        left: 0;
        display:none;
        top: 0;
        width: 100%;
    }
    
    #configPlan .tabsWrapper .tabBlock.active{
        display:block;
    }
    
    #configPlan .t1{
        font-family: 'Montserrat', arial;
        font-size: 11px;
        text-transform: none;
        padding: 0 3% 3%;
        color: #478AD6;
        font-weight: bold;
    }

    #configPlan .parameter_title.parameter_total{
        position: static !important;
        padding: 0;
        background: transparent !important;
        padding-top: 10px;
        border-top: 1px solid #f6f6f6;
    }
    
    #configPlan .vector_container{
        display: block;
        padding: 0;
        width: 100%;
        position: static;
        height: 350px;
    }
    
    #configPlan .parameter_title.parameter_total .left-dot{
        padding: 0 4%;
        margin: 0;
        float: left;
        box-sizing: border-box;
        width: 80%;
    }
    
    #configPlan .parameter_title.parameter_total .percent_col{
        width: 20%;
        padding: 0;
    }
    
    #configPlan .parameter_title.parameter_total .percent_col .total_parametros_pts_input{
        width: 70% !important;
    }
    
    #configPlan .parameter_title.parameter_total .btn-saveCriteriaParemeter,
    #configPlan .parameter_title.parameter_total .btn.reload{
        padding: 0 !important;
        margin: 20px 3% 2%;
        display: block;
        border: none !important;
        text-align: right;
        text-transform: none;
        background: transparent !important;
    }
    
    #configPlan .parameter_title.parameter_total .col-sm-12:nth-child(2){
        position: static !important;
        padding: 0;
        background: transparent !important;
        padding-top: 10px;
        border-top: 1px solid #f6f6f6;
    }
    
    .total_parametros_pts_input{
    font-weight: bold;
    font-size: 15px;
    color: #4C8DE2;
    text-align: right;
    }
    
    #configWp .graphic_col{
        padding: 3%;
    }
    
    #configWp .menu-theme-simple .menu-tools{
        position: relative;
        z-index: 10;
        margin-bottom: 2px !important;
        border: none;
    }
    
    #configWp .content_parameters{
        padding-top: 0 !important;    
    }
    
    #configWp .menu-theme-simple .menu-tools li .menu-text,
    .universal-menu-wp .menu-theme-whiteVertical.white-menu ul li:hover, li.menu-theme.active{
        width: auto !important;
        min-width: auto !important;
        background: #F6F6F6 !important;
        box-shadow: 0 0 2px 0 rgba(0,0,0,0.24)!important;
        border-radius: 5px 5px 0 0!important;
        padding: 0 10px!important;
    }
    
    #configWp .menu-theme-simple .menu-tools li.active .menu-text{
        background: white !important;
        color: #7f8c8d !important;
    }
    
    #configWp .menu-theme-simple .menu-tools li{
        padding:0 !important;   
    }
    
    #configWp .menu-theme-simple .menu-tools li.active{
        border: none !important; 
        color: inherit !important;
    }
    
    #configWp .menu-theme-simple .menu-tools li.active{
        background-color: white;
        position: relative;
    }
    
    #configWp .menu-theme-simple .menu-tools li.active:after{
        content: "";
        bottom: -5px;
        height: 10px;
        background: white;
        width: -webkit-calc(100% - 2px);
        width: -moz-calc(100% - 2px);
        width: calc(100% - 2px);
        left: 1px;
        display: inline-block;
        position: absolute;
    }
    
    #configWp .universal-menu-wp{
        padding-left: 0!important;
    }
    .universal-menu-wp .universal-menu{
    }
    .indicadores_config_bg{
        position: fixed !important;
    }
    .indicadores_config_wrapper{
        max-width: 800px !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -o-transform: translate(-50%, -50%) !important;
        -ms-transform: translate(-50%, -50%) !important;
        transform: translate(-50%, -50%) !important;
        overflow-y: scroll;
        max-height: 96vh;
    }


    #indicadores > .col-xs-12{
        padding:0 !important;
    }
    
    .content_by_parameter{
        display:none;
    }

    .content_by_parameter.active{
        display:block!important;
    }
    
    .pagination .page-item.first,
    .pagination .page-item.last{
        display: none;
    }
    
    .pagination .page-item.prev{
        margin-left:20px;
    }
    
    .pagination{
        text-align: center;
    }
    
    .pagination a.page-link{
    font-family: 'Montserrat', arial;
        font-size: 14px;
        font-weight: bold;
        margin: 0 5px;    
    }
    
    .pagination .page-item.prev{
        margin-right:20px;
    }
     
    .pagination .page-item.next{
        margin-left:20px;
    }

    
    .pagination .page-item.prev .page-link,
    .pagination .page-item.next .page-link{
        font-weight: 300 !important;
        background: #4a90e2;
        color: white;
        border-radius: 50px;
        padding: 3px 20px;
        background-size: 15px;
        background-repeat: no-repeat;
        background-position: center;
    }
    
    .pagination .page-item.prev .page-link{
        background-image: url("/app/2ea938a0b832d9424357f733e5fe75c8887b6eb54304c608dd38009ce7989ba5a3de9d37f4364f3888b0113f9e5d25add8e9f4535259785fddcbe0cc9e50ebec1dea1bbb04a91528729585/");
    }
    
    .pagination .page-item.next .page-link{
        background-image: url("/app/f5e9ab7a1562eedcfd96c6db7aed76040199795cca31cbea1682559ed85abd6c4a857ee07acf11cdf26bb9adf2e22fc504ae2a86cfb3b5857cef74dea909aa4c7869112cda401528729650/");
    }

    
    .pagination .page-item {
        display: inline-block;
        margin-top:10px;
        padding-bottom: 5px;
    }
    
    .pagination .page-item.active{
        border-bottom: 4px solid #4990e2;
    }
    

    .parameterDot{
        opacity: 1;
        font-size: 8px;
        padding-top: 5px;
        margin-right: 10px;
        color: #c3c3c3;
    }
    
    .title_parameter{
        font-size:16px;
        font-weight: bold;
        cursor: auto !important;
    }
    
    .content_by_parameter .content__top__text{
        border-bottom: none !important;
        margin-bottom: 20px;
        margin-top: -10px;
        text-transform: none;
        font-size: 11px !important;
        font-weight: 600 !important;   
    }
    
    .content_indicator_by_parameter li{
        margin-top: 20px;
        border: none;
        border-bottom: 1px solid #ddd;
    }
    
    .indicadores_extra{
        
    }
    
    
    
    .vector_block_v2 .row.vectores_sugeridos_ccs{
        width: -webkit-calc(100% - 70px);
        width: -moz-calc(100% - 70px);
        width: calc(100% - 70px);
        float: right;
    }
    
    .vector_block_v2 .col-xs-12.right-col{
            background: #fff;
        border: 1px solid #D8D8D8;
        -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
        -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
        box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
        position: relative;
        padding: 3% !important;
    }
    
    .vector_block_v2  .content__top__text small,
    .vector_block_v2 .content__top__text span,
    .vector_block_v2  .content_by_parameter .content__top__text{
        display: none !important;
    }
    
    .vector_block_v2  #configPlan .t1{
        padding: 0 20px !important;
    }
    
    .vector_block_v2 .vectores_sugeridos_content .indicadores_col{
        padding-top: 0!important;
    }
 




.navbar.navbar-fixed-top .container-fluid {
    height: auto !important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
}

@media (max-width: 1024px) {
    .navbar.navbar-fixed-top .container-fluid {
        flex-direction: column;
        justify-content: stretch;
        -webkit-flex-direction: column;
        -webkit-justify-content: stretch;
    }
}

.navbar .navbar-header {
    width: 40%;
    float: left;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
}

@media (min-width: 767px) and (max-width: 1024px) {
    .navbar .navbar-header {
        width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

@media (max-width: 1024px) {
    .navbar .navbar-header {
        width: 100%;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

.navbar .navbar-collapse {
    width: 60%;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}
.navbar-header::before,
.head__img::before,
.dropdown-toggle::after,
.navbar-header::after{
    display: none !important; 
}
@media (max-width: 1024px) {
    .navbar .navbar-collapse {
        width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
    }
}

@media (max-width: 1024px) {
    .navbar.collapsed .navbar-collapse {
        height: 0;
        opacity: 0;
        transition: height .3s;
    }
    
    .navbar .navbar-collapse {
        flex-direction: column;
        -webkit-flex-direction: column;
    }
}

.navbar .head__img {
    height: 100%;
    max-height: 60px;
    padding-top: 0px;
    padding-bottom: 5px;
    width: auto;
    display: inline-block;
}

.navbar .andoperator {
    padding: 0 15px;
    font-size: 24px;
    line-height: 1;
    font-weight: 200;
    color: #808080;
    width: auto;
    display: inline-block;
}

@media (max-width: 1024px) {
    .navbar .andoperator {
        display: none;
    }
}

.navbar .dropdown_wrapper {
    width: auto;
    display: inline-block;
    position: relative;
}

@media (max-width: 1024px) {
    .navbar.collapsed .dropdown_wrapper {
        opacity: 0;
    }
    
    .nacbar .dropdown_wrapper {
        opacity: 1;
    }
}

.navbar .dropdown-toggle,
.main-dropdown-toggle {
    color: #808080;
    font-size: 24px;
    line-height: 1;
    font-weight: 200;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: auto;
    display: block;
    position: relative;
    padding-right: 16px;
}

@media (max-width: 1199px) {
    .navbar .dropdown-toggle,
    .main-dropdown-toggle {
        max-width: 240px;
    }
}

@media (max-width: 424px) {
    .navbar .dropdown-toggle,
    .main-dropdown-toggle {
        max-width: 100%;
    }
}

.navbar .dropdown-toggle .fa-angle-down {
    margin-left: 10px;
}

.navbar .dropdown-menu,
.main-dropdown-menu {
    position: absolute;
    width: 100%;
    z-index: 999;
    background-color: #fff;
    box-shadow: 2px 2px 2px 2px #ddd;
    left: 0;
    top: calc(100% + 26px);
    height: auto;
    overflow: hidden;
    opacity: 1;
    transition: height .3s;
}

.main-dropdown-menu {
    top: calc(100% + 6px);
    width: 150%;
}

.navbar .dropdown-menu.collapsed,
.main-dropdown-menu.collapsed {
    transition: height .3s;
    height: 0;
    opacity: 0;
}

.navbar .dropdown-menu .dropdown_opt,
.main-dropdown-menu .dropdown_opt {
    font-size: 16px;
    line-height: 1.3;
    font-weight: 200;
    padding: 5px 15px;
}

.dropdown-menu .dropdown_opt a,
.main-dropdown-menu .dropdown_opt a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #7b7b7b;
    white-space: nowrap;
    font-size: 16px;
    font-weight: 400;
    white-space: normal;
    text-align: left;
}

.dropdown-menu .dropdown_opt a:hover,
.main-dropdown-menu .dropdown_opt a:hover {
    color: #e8287e;
}

.navbar .navbar-collapse .iconnav {
    width: 80%;
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

@media (max-width: 767px) {
    .navbar .navbar-collapse .iconnav {
        width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding-bottom: 5px !important;
    }
}

.navbar .navbar-collapse .iconnav > li {
    padding: 0 10px;
    display: inline-block;
    position: relative;
    text-align: center;
}

.navbar .navbar-collapse .iconnav > li:hover .textforicon{
    color: #4a90e2;
}

.navbar .navbar-collapse .iconnav .imgheader {
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    max-height: 60px;
    min-height: 40px;
    cursor: pointer;
}

.navbar .navbar-collapse .iconnav .textforicon {
    font-size: 14px !important;
    font-weight: 200;
    display: block;
    padding: 5px 0;
    line-height: 1.3;
}

.navbar .navbar-collapse .iconnav .textforicon:hover{
    color: #e8287e;
}
@media (max-width: 1600px) {
  .navbar .navbar-collapse .iconnav .textforicon {
    font-size: 12px !important;
    }
}

.navbar .navbar-collapse .usernav {
    width: 20%;
    display: inline-block;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}

@media (max-width: 767px) {
    .navbar .navbar-collapse .usernav {
        width: 100%;
        justify-content: center;
        -webkit-justify-content: center;
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        padding-top: 5px !important;
    }
}

.navbar .navbar-collapse .usernav li {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    width: 50%;
}

.navbar .navbar-collapse .usernav li:hover a span{
    color: #1dcfc3;
}

.navbar .navbar-collapse .usernav .head__user__photo-wrapper {
    display: inline-block;
}

.navbar .navbar-collapse .usernav .head__user__photo {
    width: 46px;
    height: 46px;
    display: block;
    margin: 0 auto;
    border-radius: 100%;
    overflow: hidden;
}

.navbar .navbar-collapse .usernav .badge {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background-color: #4a90e2;
    text-align: center;
    line-height: 20px;
    color: #fff;
    left: 46px;
    top: calc(100% - 20px);
    cursor: pointer;
}

.navbar .navbar-collapse .usernav a {
    padding: 0 15px;
    display: inline-block;
}

.navbar .navbar-collapse .usernav .head__user__exit-img {
    width: 3rem;
    height: 3rem;
    display: block;
    margin: 0 auto;
    max-height: 60px;
    min-height: 40px;
    cursor: pointer;
}

.navbar .navbar-toggle {
    font-size: 30px;
    color: #808080;
    background-color: transparent;
    cursor: pointer;
    display: none;
    padding: 0 15px;
}

@media (max-width: 1024px) {
    .navbar-nav{
        padding-left: 50px !important;
    }
    .navbar .navbar-toggle { 
        display: block;    
    }
    .navbar .navbar-collapse .iconnav {
        width: 80%;
        display: inline-block;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-justify-content: center;
        -webkit-align-items: center;
    }
    .navbar .dropdown-toggle, .main-dropdown-toggle{
        max-width: 500px;
    }
}
.navbar .navbar-collapse .iconnav .textforicon.active{
    border-bottom: 2px solid;
}

.sol_header_logo_big{
    min-height: 60px;
    max-height: 60px;
    max-width: 100%;
    min-width: 300px;
}
.navbar{
    min-height: 80px;
    padding: 10px 40px 0 40px;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.2);
    background: white;
}
@media (max-width: 540px) {
    .navbar{
        display: none;
    }
}


.dropdown_opt .accordion_inner{
    height: 0px;
    overflow: hidden;
    transition: height 100ms;
}
.dropdown_opt .accordion_inner.active{
    height: auto;

}

.lenguage_link{
    display: inline !important;
}
    
    
.dropdown_opt{
    text-align: left;
    
}

.navbar{
    position: relative !important;
}

#onboardMenu{
    margin: 0px;
} 

    .popupWindow{
        z-index: 5009 !important;
        left: 0 !important;
        width: 100vw !important;
        margin: 0!important;
        max-width:100vw !important;
        height: 100%!important;
        position: fixed;
        background: #00000040!important;
        bottom: auto !important;
        transform: none !important;
        top: 0 !important;
        margin-left: 0px!important;
        opacity: 1!important;
        padding: 0 !important;
        overflow: auto;
    }
    
    .popupTitleContent {
        height: auto !important;
        padding-left: 0;
    }
    
    .popupTitleContent span {
        font-size: 22px;
        color: #4a4a4a;
        line-height: 1.3;
        padding-left: 8px;
    }
    
    .popupContent {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .fj_popup.popupWindow .popup_inner_container {
        background-color: #fff;
        padding: 20px;
        margin: 0 auto;
        top: 120px;
        border-radius: 0;
        position: relative;
        border: none;
        max-width: 60vw;
        box-shadow: 2px 2px 2px 2px #bbb;
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
        .fj_popup.popupWindow .popup_inner_container {
            max-width: 70vw;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .fj_popup.popupWindow .popup_inner_container {
            max-width: 80vw;
        }
    }
    
    @media (max-width: 767px) {
        .fj_popup.popupWindow .popup_inner_container {
            max-width: 94vw;
        }
    }

    .fj_popup.popupWindow .popup_inner_container .popupTitleBar {
        background-color: transparent !important;
        color: #333 !important;
        border-bottom: none !important;
        height: 50px;
    }
    
    .fj_popup.popupWindow .popup_inner_container .popup_title {
        font-size: 22px;
        font-weight: bold;
        color: #808080;
    }
    
    
    
    
    #fa700-userprofile {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
    
    .row.user-header.soft-shadow-2, 
    .row.lp_corporate-colors.soft-shadow {
        margin-left: 0 !important;
    }
    
    .user-header-indic,
    .lnkin-btn {
        display: none;
    }
    
    .cl-bg-color-1,
    .cl-bg-color-3 {
        background-color: #23c5bb !important;
    }
    
    .cl-bg-color-2 {
        background-color: #e6007e !important;
    }
    

.carrousel-content {
    padding: 40px;
}

.carrousel-content .question-content {
    margin-bottom: 20px;
}

.carrousel-content .question-content span,
.carrousel-content .question-content span {
    font-family: 'Montserrat', arial;
    color: rgb(74, 74, 74);
    display: block;
    margin-bottom: 8px;
    font-weight: normal;
}

.carrousel-content .list_your_top_startups_actions .btn-primary {
    border-radius: 25px;
    background-color: #4a90e2;
    color: #fff;
    padding: 8px 20px;
    display: block;
    width: 160px;
    margin: 0 auto;
}

.carrousel-content .startup_selected {
    border-radius: 2px;
    margin-bottom: 8px;
    cursor: pointer;
    text-align: left;
    list-style: none;
    padding: 8px;
    align-items: center;
    -webkit-align-items: center;
}

.carrousel-content .startup_selected .label__checkbox_green {
    margin-right: 16px;
    padding-right: 16px;
    width: 18px;
    height: 18px;
    display: block;
}

.carrousel-content .startup_selected .label__checkbox_green:before {
    position: static;
}

.carrousel-goto-prev, .carrousel-goto-next {
    display: none;
} 
.question, .question-context {
    border: none;
    margin: 0;
    padding: 0;
    padding-left: 0;
}

.question_saved,
.question_error,
.question_loading {
    background: none;
}

#pprof-avatar {
    display: none;
}



.invite-manager-wr dt {
    font-size: 14px;
    line-height: 1.4;
    color: #4a4a4a;
}

input[type=text], 
input[type=numeric], 
input[type=password], 
textarea, select {
    border: 1px solid #ddd !important;
    padding: 6px 12px;
    box-shadow: none !important;
    border-radius: 0 !important;
}

input[type=text]:hover, input[type=password]:hover,
textarea:hover, select:hover, input[type=text]:focus,
textarea:focus, select:focus,
.shadow_hover:hover, .gi_select:hover {
    border: none;
    border-bottom: 2px solid #8eb7ef;
    box-shadow: 0px 1px 0px 0px #aecaef;
    border-radius: 0 !important;
}

.fjord-input {
    box-shadow: none;
    border-radius: 0 !important;
}

.form-question-text-wrapper {
    padding-bottom: 5px !important;
}

.form-question-text {
    font-family: 'Montserrat', arial;
    color: rgb(74, 74, 74);
    display: block;
    font-weight: normal;
    font-size: 14px;
    padding-bottom: 0 !important;
    line-height: 1.4;
    
    margin-left: 0 !important;
}

.fast-select-answer {
    border-radius: 15px;
    padding: 4px 8px;
}

.forms h3 {
    font-size: 24px;
}

.forms .btn-outline.btn-block {
    border: 1px solid #4a90e2 !important;
    color: #4a90e2 !important;
    height: 41px;
    border-radius: 20px;
    font-weight: bold;
    background: #fff;
    cursor: pointer;
}

.speech-recognition {
    padding: 6px 20px 6px 12px !important;
}

.popupContent .speech-recognition {
    width: 100% !important;
}
.form-question-context_qapp_anwsers {
    white-space: normal;
}




.colegioDetails-content input {
    font-weight: normal;
}

.colegioDetails-content .question {
    margin-bottom: 20px;
}

.colegioDetails-content .form-question-text {
    margin-bottom: 0;
}

.colegioDetails-content div[id^=aml-wrapper-question-] {
    display: inline-block;
    width: 100%;
}

.colegioDetails-content div[id^=aml-wrapper-question-] input {
    width: 100% !important;
}

.colegioDetails-content .button_document_form {
    margin-top: 10px;
    padding: 6px 12px;
    border-radius: 25px;
}

.colegioDetails-content #pprof-avatar {
    display: block !important;
    margin-right: 0 !important;
    margin-bottom: 20px;
    width: 100%;
}

.colegioDetails-content #pprof-avatar-change-button {
    position: relative;
    top: calc(100% - 25px);
    left: 65%;
    box-shadow: 1px 1px 1px 1px #ddd;
    margin: 0 !important;
}

#form-question-96853 .form-question-input {
    width: calc(100% - 30px) !important;
}
#initiative_selector{
    margin-top: 20px;
} 

	.om-missions-wrapper #results_filter {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        float: left;
        padding-bottom: 5px !important;
        margin-bottom: 15px;
        background-color: transparent;
     
    }

span.om-missions-wrapper-showfilters-txt {
    text-decoration: underline;
    font-size: 12px;
    color: #666 !important;
}

    .om-missions-wrapper #results_filter .panorama_column div.box_filter_wrapper     {
        width: 27% !important;
        margin-top: 20px !important;
        float: left !important;
        margin-right: 2% !important;
    }

    .om-missions-wrapper #results_table2 {
        display: block;
    }

    .om-missions-wrapper .panorama_column {
       width: 100% !important;
       margin-bottom: 10px;
       background-color: transparent;
    }

    .om-missions-wrapper .mission-content-wrapper {
        width: 225px !important;
    }

    .om-missions-wrapper .mission-content-name {
        font-size: 18px !important;
        text-transform: uppercase;
    }

    .om-missions-wrapper .filter-main-box-header {
        display: block !important;
    }

    .panorama_column #filter-quick_search {
        width: 60% !important;
    }

    .om-missions-wrapper .panorama_column #filter-quick_search {
        border-radius: 2px;
        box-shadow: none !important;
        padding: 18px 12px !important;
        color: #666 !important;
        border: 1px solid #D2D2D2 !important;
        font-size: 14px;
    }

    .om-missions-wrapper .panorama_column #advanced_filter_layer {
        display: none !important;
        padding: 10px 10px !important;
    }

    .om-missions-wrapper-showfilters {
        text-align: right;
        position: absolute;
    }

    .om-missions-wrapper-showfilters-txt {
        cursor: pointer;
    }
    
    .om-missions-wrapper #results_table {
        overflow: visible !important;
    }

    .om-missions-wrapper input[id^="fNac-"] {
        width: 45% !important;
        border-radius: 0px;
        padding: 0px 10px !important;
        background-position-x: 94% !important;
        background-position-y: 4px !important;
        margin-bottom: 5px !important;
    }
        
    .panorama_column, #results_filter {
        background-color: #fff;
    }
    
    .panorama_column.panorama_column div:not(.ui-slider-range) {
        width: 100% !important;
        background-image: none;
        box-shadow: none !important;
    }
    
    .panorama_column.panorama_column button {
        background: #4a90e2 !important;
        color: #FFF !important;
        padding: 4px 8px !important;
        margin-bottom: 15px !important;
        border-radius: 30px !important;
        text-decoration: none !important;
    }
    
    span.om-missions-wrapper-showfilters-txt {
        float: left;
    }
    
    button.button_borders.button_borders--margin-top13.modal__open {
        position: relative;
        top: 10px;
    }
    
    .table_header_cell:nth-child(1), .jstable-row .table-mass-actions.selector-header.jstable-cell:nth-child(1) {
        width: 12px !important;
    }
    
    
    td.bs_table_style.jstable-cell {
        text-align: left;
    }
    
    #previus_pager,
    #next_pager {
        margin: 20px 0;
    }
    
    .panorama_column.panorama_column .filter-main-list-header-title {
        color: #333;
    }
.panorama_column .list-elements .filter-tab-2-body-text,
.panorama_column .filter-tab-2-header .filter-main-list-header-title,
.filter-main-list-content .filter-tab-2-body .filter-link {
    color: #666 !important;
    letter-spacing: 0;
    font-family: "Montserrat", arial, sans-serif !important;
}

.panorama_column.panorama_column .filter-main-list-box .filter-tab-2-header .filter-main-list-header-title {
    text-transform: none;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 5px !important;
    padding-left: 2px !important;
}

.contacts-filterscolumn-class {
    clear: both;
}

.panorama_column .list-elements .filter-opt-selected .filter-tab-2-body-text,
.panorama_column .list-elements .filter-opt-selected:after{
   color: #86c895 !important;
}
.panorama_column.panorama_column button#btViewAllLabelsFilter {
    background: #FFF !important;
    border-radius: 0 0 0 !important;
    color: #86c895 !important;
    border: none !important;
    padding-left: 0 !important;
    margin-top: 5px !important;
    text-decoration: underline !important;
} 




    .tab_navigation {
        width: 100%;
        border-bottom: 1px solid #ddd;
    }
    
    .tab_navigation .tab_navigation__link {
        float: left;
        width: 50%;
        padding: 8px 15px;
        text-align: center;
        color: #808080;
        font-size: 16px;
        border-bottom: 4px solid transparent;
        cursor: pointer;
    }
    
    .tab_navigation .tab_navigation__link.tab_navigation__link--current {
        border-bottom: 4px solid #4a90e2;
        color: #4a90e2;
    }
    
    .tab_block-content {
        padding: 15px 0;
    }
    
    
    .check_list_recomendar_acciones {
        padding: 30px 0;
    }
    .bot_tab_navigation{
        border-top: 2px solid #ddd;
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
        border-bottom: 2px solid #ddd;
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        float: left;
        width: 50%;
        padding: 8px 15px;
        text-align: center;
        color: #808080;
        font-size: 16px;
        cursor: pointer;
        background-color: #ededed;
    }
    .bot_tab_navigation.active{
        border-bottom: 0px;
        color: #4a90e2;
        background-color: white;
     }
    .tables--box{
        margin-top: -2px;
        border-bottom: 2px solid #ddd;
        border-left: 2px solid #ddd;
        border-right: 2px solid #ddd;
         }

    .acciones_block.active{
        display: block !important;
    }
    .check_list_recomendar_acciones .btn{
        margin-top: 30px;
    }
    
    .acciones_block table td .btn-primary{
        width: 100% !important;
        margin-bottom: 5px;
    }
    
    .lenguage_{
        display: inline !important;
    }
    
    .bt_assistant{
        margin-top: 5px;
    } 
  



.popup {
    background: #fff;
    padding: 25px;
    display: block;
    margin: 0 auto;
}
.popup_open {display: block;}
.popup__close {position: absolute; top: 8px; right: 25px; font-size: 36px; color: #c4c4c4; cursor: pointer;}
.popup__close:hover {color: #636363;}
.popup__heading {font-size: 16px; margin-bottom: 4px; font-family: 'Montserrat', arial;font-weight: 700;}
.popup__text {font-size: 12px; color: #458de6;}

.wrp-form {margin: 23px 0 0 0; border: 2px solid #cdcdcd; border-radius: 10px;}
.popup-form__left {padding: 24px 43px 12px 22px; background-color: #398cee; color: #fff; border-top-left-radius: 10px; border-bottom-left-radius: 10px;float: left !important;}
.popup-form__right {padding: 5px 12px 0 17px; float: left !important;}
.poup-form__heading {margin-bottom: 8px; font-weight: bold; letter-spacing: 1px;}
.poup-form__text {font-size: 14px;}

.block-white-underline {width: 100%; margin-top: 30px; padding-bottom: 10px; border-bottom: 1px solid #fff;}
.block-white-underline_none {border-bottom: none;}
.mrgn-top18 {margin-top: 18px;}
.block-white-underline img {float: left;}
.popup-form__label {padding-left: 25px; font-size: 12px;}
.popup-form__textarea {display: block; width: 100%; height: 20px; margin-top: 8px; padding-left: 25px; letter-spacing: 1px; color: #fff; font-weight: bold; resize: none; border: none; background-color: #398cee;}
.popup-form__textarea_height40 {height: 40px; margin-top: 20px;}
.popup-form__textarea::-webkit-input-placeholder {color: #fff;}
.popup-form__textarea:-moz-placeholder {color: #fff;}
.popup-form__textarea::-moz-placeholder {color: #fff;}
.popup-form__textarea:-ms-input-placeholder {color: #fff;}
.popup-form__textarea_white {padding-left: 32px; background-color: #fff; color: #4a4a4a;}
.popup-form__textarea_white::-webkit-input-placeholder {color: #4a4a4a;}
.popup-form__textarea_white:-moz-placeholder {color: #4a4a4a;}
.popup-form__textarea_white::-moz-placeholder {color: #4a4a4a;}
.popup-form__textarea_white:-ms-input-placeholder {color: #4a4a4a;}
.popup-form__textarea_height60 {height: 60px;}

.popup-form__select {display: block; width: 100%; height: 20px; margin-top: 8px; padding-left: 25px; letter-spacing: 1px; color: #fff; font-weight: bold; resize: none; border: none; -webkit-appearance: none; -moz-appearance: none; background: url('../img/arrow_white.png') no-repeat scroll 97% 50% #398cee;}
.popup-form__select::-ms-expand {display: none;}
.popup-form__select_white {padding-left: 32px; color: #4a4a4a; background: url('../img/arrow_grey.png') no-repeat scroll 97% 50% #fff;}

.wrp-check {padding-left: 25px}
.popup-form__label-check {display: inline-block; width: 49%; margin-top: 10px; padding-left: 26px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative;font-weight: bold;}
.popup-form__check {position: absolute; opacity: 0; cursor: pointer;}
.popup-form__checkmark {position: absolute; top: 4px; left: 0; height: 12px; width: 12px; background-color: #fff;}
.popup-form__checkmark:after {content: ''; position: absolute; display: none;}
.popup-form__label-check .popup-form__check:checked ~ .popup-form__checkmark:after {display: block;}
.popup-form__label-check .popup-form__checkmark:after {content: url('../img/check.png'); top: -7px; left: -1px; width: 12px; height: 12px;}
.popup-form__checkmark_round {height: 15px; width: 15px; border-radius: 50%;}
.popup-form__label-check .popup-form__checkmark_round:after {content: ''; top: 2px; left: 2px; width: 11px; height: 11px; background-color: #7ed321; border-radius: 50%;}

.block-grey-underline {width: 100%; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #9b9b9b;}
.block-grey-underline img {
    float: left;
}
.popup-form__label_pdng32 {padding-left: 32px;}
.popup-form__calendar {margin-top: 8px; padding-left: 32px; font-weight: bold; color: #4a4a4a; background: url('../img/arrow_grey.png') no-repeat scroll 97% 50%; cursor: pointer;}

.wrp-file {
    height: 35px; 
    line-height: 35px; 
    width: 99%; 
    margin: 0 auto; 
    margin-top: 20px; 
    overflow: hidden; 
    position: relative; 
    cursor: pointer; 
    text-align: center; 
    color: #4a4a4a; 
    text-decoration: underline; 
    font-size: 14px;
}
.wrp-file img {float: left; margin-top: 8px; margin-left: 10px;}
.popup-form__file {cursor: pointer; height: 100%; position: absolute; top: 0; right: 0; z-index: 99; font-size:50px; opacity: 0; -moz-opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0)}
.popup-form__file-text {margin-top: 5px; font-size: 12px; color: #9b9b9b;}
.wrp-buttons {padding: 30px 0; text-align: center;}
.wrp-buttons button {width: 205px; height: 35px; margin: 0 20px; border-radius: 20px; cursor: pointer; text-transform: uppercase; font-weight: bold; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.wrp-buttons button:hover {transform: scale(1.05);}
.button-delete {background-color: #fff; border: 2px solid #dc3f3f; color: #dc3f3f;}
.button-save {background-color: #4990e2; border: none; color: #fff;}



.wrapper-form-document .wrapper_element_form_multimedia {
    background: white;
    border: 1px solid #ddd;
    margin: 5PX;
    padding: 5px;
    border-radius: 5px;
}
.block-white-underline .wrapper-form-document img {
    float: none;
}




.act_wrapper .generic_content_form {
    padding: 20px;
}
.act_wrapper .wrapper-form-multimedia-buttons button {
    padding: 8px 19px !important;
}


@media screen and (max-width: 991px)  {
 .popup-form__left {border-top-right-radius: 10px; border-bottom-left-radius: 0;}
 .wrp-file {line-height: 35px; width: 175px;}
 .popup-form__file-text {margin-bottom: 20px;}
}

@media screen and (min-width: 768px) and (max-width: 980px) {
 button.button-save {margin-top: 20px;}
}

@media screen and (max-width: 767px)  {
 .popup {width: 95%; padding: 42px 5% 0 5%;}
 .popup__heading {margin-top: 20px;}
}

@media screen and (max-width: 581px)  {
 button.button-save {margin-top: 20px;}
} 

.pie-chart {
    position: relative;
    top: 0;
    left: 0;
}

.highcharts-drillup-button, .highcharts-text-outline,  g.highcharts-button.highcharts-contextbutton.highcharts-button-normal{
    display: none !important;
}
#container {
    height: 400px;
    min-width: 320px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

.highcharts-pie-series .highcharts-point {
    stroke: #EDE;
    stroke-width: 2px;
}

.highcharts-pie-series .highcharts-data-label-connector {
    stroke: silver;
    stroke-dasharray: 2, 2;
    stroke-width: 2px;
}

.highcharts-credits {
    display: none;
}

@media(max-width:375px) {
    .pie-chart {
        border: none;
    }
}




 .highcharts-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    text-align: left;
    line-height: normal;
    z-index: 0;
    
    -webkit-tap-highlight-color: transparent;
    font-family: 'Montserrat', arial;
    font-size: 12px;
  }
  
  .highcharts-root {
    display: block;
  }
  
  .highcharts-root text {
    stroke-width: 0;
  }
  
  .highcharts-strong {
    font-weight: bold;
  }
  
  .highcharts-emphasized {
    font-style: italic;
  }
  
  .highcharts-anchor {
    cursor: pointer;
  }
  
  .highcharts-background {
    fill: #ffffff;
  }
  
  .highcharts-plot-border, .highcharts-plot-background {
    fill: none;
  }
  
  .highcharts-label-box {
    fill: none;
  }
  
  .highcharts-button-box {
    fill: inherit;
  }
  
  
  .highcharts-title {
    fill: #333333;
    font-size: 1.5em;
  }
  
  .highcharts-subtitle {
    fill: #666666;
  }
  
  
  .highcharts-axis-line {
    fill: none;
    stroke: #ccd6eb;
  }
  
  .highcharts-yaxis .highcharts-axis-line {
    stroke-width: 0;
  }
  
  .highcharts-axis-title {
    fill: #666666;
  }
  
  .highcharts-axis-labels {
    fill: #666666;
    cursor: default;
    font-size: 0.9em;
  }
  
  .highcharts-grid-line {
    fill: none;
    stroke: #e6e6e6;
  }
  
  .highcharts-xaxis-grid .highcharts-grid-line {
    stroke-width: 0px;
  }
  
  .highcharts-tick {
    stroke: #ccd6eb;
  }
  
  .highcharts-yaxis .highcharts-tick {
    stroke-width: 0;
  }
  
  .highcharts-minor-grid-line {
    stroke: #f2f2f2;
  }
  
  .highcharts-crosshair-thin {
    stroke-width: 1px;
    stroke: #cccccc;
  }
  
  .highcharts-crosshair-category {
    stroke: #ccd6eb;
    stroke-opacity: 0.25;
  }
  
  
  .highcharts-credits {
    cursor: pointer;
    fill: #999999;
    font-size: 0.7em;
    transition: fill 250ms, font-size 250ms;
  }
  
  .highcharts-credits:hover {
    fill: black;
    font-size: 1em;
  }
  
  
  .highcharts-tooltip {
    cursor: default;
    pointer-events: none;
    white-space: nowrap;
    transition: stroke 150ms;
  }
  
  .highcharts-tooltip text {
    fill: #333333;
  }
  
  .highcharts-tooltip .highcharts-header {
    font-size: 0.85em;
  }
  
  .highcharts-tooltip-box {
    stroke-width: 1px;
    fill: #f7f7f7;
    fill-opacity: 0.85;
  }
  
  .highcharts-tooltip-box .highcharts-label-box {
    fill: #f7f7f7;
    fill-opacity: 0.85;
  }
  
  .highcharts-selection-marker {
    fill: #335cad;
    fill-opacity: 0.25;
  }
  
  .highcharts-graph {
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  
  .highcharts-state-hover .highcharts-graph {
    stroke-width: 3;
  }
  
  .highcharts-state-hover path {
    transition: stroke-width 50;
    
  }
  
  .highcharts-state-normal path {
    transition: stroke-width 250ms;
    
  }
  
  
  g.highcharts-series,
  .highcharts-point,
  .highcharts-markers,
  .highcharts-data-labels {
    transition: opacity 250ms;
  }
  
  .highcharts-legend-series-active g.highcharts-series:not(.highcharts-series-hover),
  .highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover),
  .highcharts-legend-series-active .highcharts-markers:not(.highcharts-series-hover),
  .highcharts-legend-series-active .highcharts-data-labels:not(.highcharts-series-hover) {
    opacity: 0.2;
  }
  
 
  
  .highcharts-area {
    fill-opacity: 0.75;
    stroke-width: 0;
  }
  
  .highcharts-markers {
    stroke-width: 1px;
    stroke: #ffffff;
  }
  
  .highcharts-point {
    stroke-width: 1px;
  }
  
  .highcharts-dense-data .highcharts-point {
    stroke-width: 0;
  }
  
  .highcharts-data-label {
    font-size: 0.9em;
    font-weight: bold;
  }
  
  .highcharts-data-label-box {
    fill: none;
    stroke-width: 0;
  }
  
  .highcharts-data-label text, text.highcharts-data-label {
    fill: #333333;
  }
  
  .highcharts-data-label-connector {
    fill: none;
  }
  
  .highcharts-halo {
    fill-opacity: 0.25;
    stroke-width: 0;
  }
  
  .highcharts-series:not(.highcharts-pie-series) .highcharts-point-select {
    fill: #cccccc;
    stroke: #000000;
  }
  
  .highcharts-column-series rect.highcharts-point {
    stroke: #ffffff;
  }
  
  .highcharts-column-series .highcharts-point {
    transition: fill-opacity 250ms;
  }
  
  .highcharts-column-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms;
  }
  
  .highcharts-pie-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff;
  }
  
  .highcharts-pie-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms;
  }
  
  .highcharts-funnel-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff;
  }
  
  .highcharts-funnel-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms;
  }
  
  .highcharts-funnel-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit;
  }
  
  .highcharts-pyramid-series .highcharts-point {
    stroke-linejoin: round;
    stroke: #ffffff;
  }
  
  .highcharts-pyramid-series .highcharts-point-hover {
    fill-opacity: 0.75;
    transition: fill-opacity 50ms;
  }
  
  .highcharts-pyramid-series .highcharts-point-select {
    fill: inherit;
    stroke: inherit;
  }
  
  .highcharts-solidgauge-series .highcharts-point {
    stroke-width: 0;
  }
  
  .highcharts-treemap-series .highcharts-point {
    stroke-width: 1px;
    stroke: #e6e6e6;
    transition: stroke 250ms, fill 250ms, fill-opacity 250ms;
  }
  
  .highcharts-treemap-series .highcharts-point-hover {
    stroke: #999999;
    transition: stroke 25ms, fill 25ms, fill-opacity 25ms;
  }
  
  .highcharts-treemap-series .highcharts-above-level {
    display: none;
  }
  
  .highcharts-treemap-series .highcharts-internal-node {
    fill: none;
  }
  
  .highcharts-treemap-series .highcharts-internal-node-interactive {
    fill-opacity: 0.15;
    cursor: pointer;
  }
  
  .highcharts-treemap-series .highcharts-internal-node-interactive:hover {
    fill-opacity: 0.75;
  }
  
  
  .highcharts-legend-box {
    
  }
  
  .highcharts-legend-item text {
    fill: #333333;
    font-weight: bold;
    font-size: 1em;
    cursor: pointer;
    stroke-width: 0;
  }
  
  .highcharts-legend-item:hover text {
    fill: #000000;
  }
  
  .highcharts-legend-item-hidden * {
    fill: #cccccc !important;
    stroke: #cccccc !important;
    transition: fill 250ms;
  }
  
  .highcharts-legend-nav-active {
    fill: #003399;
    cursor: pointer;
  }
  
  .highcharts-legend-nav-inactive {
    fill: #cccccc;
  }
  
  .highcharts-legend-title-box {
    fill: none;
    stroke-width: 0;
  }
  
  
  .highcharts-loading {
    position: absolute;
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    z-index: 10;
    transition: opacity 250ms;
  }
  
  .highcharts-loading-hidden {
    height: 0 !important;
    opacity: 0;
    overflow: hidden;
    transition: opacity 250ms, height 250ms step-end;
  }
  
  .highcharts-loading-inner {
    font-weight: bold;
    position: relative;
    top: 45%;
  }
  
  
  
  
  
  
  
  
  
  .highcharts-map-series .highcharts-point {
    transition: fill 500ms, fill-opacity 500ms, stroke-width 250ms;
    stroke: #cccccc;
  }
  
  .highcharts-map-series .highcharts-point-hover {
    transition: fill 0ms, fill-opacity 0ms;
    fill-opacity: 0.5;
    stroke-width: 2px;
  }
  
  .highcharts-mapline-series .highcharts-point {
    fill: none;
  }
  
  .highcharts-heatmap-series .highcharts-point {
    stroke-width: 0;
  }
  
  .highcharts-map-navigation {
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
  }
  
  .highcharts-coloraxis {
    stroke-width: 0;
  }
  
  .highcharts-coloraxis-marker {
    fill: #999999;
  }
  
  .highcharts-null-point {
    fill: #f7f7f7;
  }
  
  
  .highcharts-3d-frame {
    fill: transparent;
  }
  
  
  .highcharts-contextbutton {
    fill: #ffffff;
    
    stroke: none;
    stroke-linecap: round;
  }
  
  .highcharts-contextbutton:hover {
    fill: #e6e6e6;
    stroke: #e6e6e6;
  }
  
  .highcharts-button-symbol {
    stroke: #666666;
    stroke-width: 3px;
  }
  
  .highcharts-menu {
    border: 1px solid #999999;
    background: #ffffff;
    padding: 5px 0;
    box-shadow: 3px 3px 10px #888;
  }
  
  .highcharts-menu-item {
    padding: 0.5em 1em;
    background: none;
    color: #333333;
    cursor: pointer;
    transition: background 250ms, color 250ms;
  }
  
  .highcharts-menu-item:hover {
    background: #335cad;
    color: #ffffff;
  }
  
  
  .highcharts-drilldown-point {
    cursor: pointer;
  }
  
  .highcharts-drilldown-data-label text,
  text.highcharts-drilldown-data-label,
  .highcharts-drilldown-axis-label {
    cursor: pointer;
    fill: #003399;
    font-weight: bold;
    text-decoration: underline;
  }
  
  
  .highcharts-no-data text {
    font-weight: bold;
    font-size: 12px;
    fill: #666666;
  }
  
  
  .highcharts-axis-resizer {
    cursor: ns-resize;
    stroke: black;
    stroke-width: 2px;
  }
  
  
  .highcharts-bullet-target {
    stroke-width: 0;
  }
  
  
  .highcharts-lineargauge-target {
    stroke-width: 1px;
    stroke: #333333;
  }
  
  .highcharts-lineargauge-target-line {
    stroke-width: 1px;
    stroke: #333333;
  }
  
  
  .highcharts-annotation-label-box {
    stroke-width: 1px;
    stroke: #000000;
    fill: #000000;
    fill-opacity: 0.75;
  }
  
  .highcharts-annotation-label text {
    fill: #e6e6e6;
  }
  

 

.exp-box-chart {
    line-height: 20px;
    position: absolute;
    font-size: 16px;
    bottom: 119px;
    background: #eff5fd !important;
    right: 0;
    color: #666;
    padding: 25px;
    line-height: 1.4em;
    border: 1px solid rgba(75, 146, 230, 0.09); 
    width: calc(100% - 800px);
    max-width: 28%;
}

@media (max-width: 1180px) {
   .exp-box-chart {
        position: relative;
        bottom: 0;
        width: 100%;
        max-width: none;
    }
 
} 
@charset "utf-8";


* {
	margin: 0;
	padding: 0;
	text-shadow: none;
	font-family: 'Montserrat', arial;
}
ul, ol {
	list-style: none;
	margin: 0;
}
img {
	max-width: 100%;
}
a:hover, a:focus, input, button {
	outline: none;
	border: none;
	text-decoration: none;
}
p, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
}

a,div, ul, img, button, input, header, label {
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}



.main-wrapper {
	position: relative;
	width: 100%;
}
.header {
    width: 100%;
	padding: 18px 0;
    position: relative;
	-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
}
.container {
	padding-right: 10px;
	padding-left: 10px;
}

.diagnosticBlock{
    margin: 0 auto!important;
    max-width:1280px;
    overflow: visible;
    top: 0!important;
    padding: 0px 0px 30px !important;
}

.header .row {
	align-items: center;
}
.header .profile-avtar {
	text-align: right;
	position: relative;
	padding-right: 15px;
}
.profile-avtar .pa-img {
	display: inline-block;
}
.profile-avtar .pa-img img {
	border-radius: 100%;
}
.profile-avtar .notify {
    position: absolute;
    display: inline-block;
    background-color: #5359A6;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    color: #fff;
    right: 0;
    text-align: center;
    line-height: 25px;
    bottom: -5px;
}
.config-section {
	width: 100%;
	background-color: #F4F4F6;
}
.config-section .section-title {
	color: #565657;
	font-size: 28px;
	margin-bottom: 18px;
}



.onboardWp{
 position: relative;   
}

.SM-content{
    padding: 4em 3% !important;
}

.config-inner .config-ingo-txt {
	margin-bottom: 30px;
}
.config-ingo-txt span {
	color: #9b9b9b;
	font-size: 18px;
}

.config-inner .config-boxs {
    background: white;
	padding: 40px 0 20px;
	display: flex;
	text-align: center;
	width: 100%;
    position: relative;
}

.config-inner .config-boxs > div{
    width:20%;    
}

.config-inner .config-boxs::before {
	position: absolute;
	content: "";
	width: 100%;
	height: 336px;
    top: 98px;
	left: 0;
	
	background-repeat: no-repeat;
	background-size: contain;
    background-position: left;
    opacity: 0.3;
}
.config-inner .config-boxs::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 339px;
    top: 96px;	
	right: 0;
	
	background-repeat: no-repeat;
	background-size: contain;
    background-position: right;
    opacity: 0.3;
}
.config-inner .config-boxs.active::before,
.config-inner .config-boxs.active::after {
    opacity: 1;
}
.config-boxs .single-box {
	opacity: 0.2;
	position: relative;
    z-index: 5;
    cursor: default;
}

.config-boxs .single-box .lr {
    cursor: default;
}

.config-boxs .single-box.active {
	opacity: 1;
	cursor: pointer;
}

.config-boxs .single-box.active .lr {
    cursor: pointer;
}

.config-inner .cf-outer {
	position: relative;
}
.single-box .sbox-icon {
	display: block;
    position: relative;
}


.single-box-wrapper .single-box .sbox-icon::before{
    display: none;
}

.single-box-wrapper::after{
	top: 30%;
	transform: none!important;
}

.config-boxs .single-box:last-child .sbox-icon::before,
.config-boxs .single-box:last-child .sbox-icon::after {
	display: block;
	content: none;
}
.sbox-icon > img {
	width: 105px;
	height: auto;

   
}

.smallTitle{
    position: static;
    height: auto;
    display: none;
    transform: none;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
}

.single-box .sbox-content {
	padding: 20px 0px;
}
.sbox-content h2 {
	margin-bottom: 5px;
    font-size: 18px;
    color: #222;
    letter-spacing: 0;
    text-align: center;
    font-weight: bold;
}


.open-Onboard{
    text-align: center;
    z-index: 100;
    position: absolute;
    top: -3.3em;
    right: 0px;
    display:none;
    opacity:0;
}

.opacity{
    opacity:1 !important;
    -webkit-transition : opacity 1s ease-out;
    -ms-transition : opacity 1s ease-out;
    -moz-transition : opacity 1s ease-out;
    -o-transition : opacity 1s ease-out;
    transition : opacity 1s ease-out;
}

.open-Onboard-Btn{
    cursor: pointer;
    display: inline-block;
    background: transparent;
    border-radius: 50px;
    padding: 10px 50px 10px 30px;
    position: relative;
}

.open-Onboard img{
    display: inline-block;
    position: absolute;
    right: 24px;
    top: 12px;
    height: 13px;
    max-height: 15px;
}

.open-Onboard span{
    font-size: 12px;
    margin-bottom: 12px;
    color: #7f8c8d;
    margin-top: 20px;
    text-transform: uppercase;
    font-weight: bold;
}

.sbox-content h2 span {
	font-size: 18px;
	font-weight: 400;
}
.sbox-content p {
    padding: 10px 20px;
    line-height: 20px;
    margin-bottom: 12px;
    font-size: 14px;
    color: #717171;
    letter-spacing: 0;
}
.sbox-content > .lr {
	border: 2px solid #e8297f;
	border-radius: 50px;
	padding: 4px 52px;
	font-size: 16px;
	font-weight: 600;
	color: #4a4a4a;
    display: inline-block;
}
.single-box.active .sbox-content > .lr:hover, .single-box.active .sbox-content > .lr:focus {
    background-color: #e8297f;
    color: #fff;
}

.sbox-content > .lr.locked {
    display: none;
}
.sbox-content > .lr.unlocked {
    display: inline-block;
}
.cf-outer .config-btn {
	text-align: center;
	opacity: 0.3;
}
.cf-outer .config-btn.active {
    opacity: 1;
}
.config-btn a {
	background-color: #a0e13a;
	color: #fff;
	font-size: 20px;
	width: 400px;
	display: inline-block;
	padding: 10px 20px;
    position: relative;
}
.config-btn a::before {
	position: absolute;
	content: "";
	width: 0%;
	height: 0%;
	border-top: 26px;
	border-right: 22px;
	border-bottom: 26px;
	border-left: 0px;
	border-top-color: transparent;
	border-right-color: #a0e13a;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-style: solid;
	left: -1em;
	top: 50%;
	transform: translateY(-50%);
}
.config-btn a::after {
	position: absolute;
	content: "";
	width: 0%;
	height: 0%;
	border-top: 26px;
	border-right: 0px;
	border-bottom: 26px;
	border-left: 22px;
	border-top-color: transparent;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #a0e13a;
	border-style: solid;
	right: -1em;
	top: 50%;
	transform: translateY(-50%);
}
.config-btn .cbtn-txt {
	max-width: 500px;
	margin: 30px auto 20px;
	font-size: 20px;
	color: #000;
}

.config-boxs .single-box:last-child .dotter_separator_on{
	display:none !important;
}






#onboardMenu > .col-md-12{
    height:100%;
    padding:0 !important;
}

#onboardMenu.is-closed .single-box{
    cursor: pointer;
}

#onboardMenu .single-box{
    border-right: none !important;
}

#onboardMenu.is-closed .config-ingo-txt,
#onboardMenu.is-closed .single-box .sbox-content,
#onboardMenu.is-closed .config-btn{
    opacity : 0;
    height : 0;
    padding:0;
    overflow:hidden;
    margin:0;
    -webkit-transition : all 1s, height;
    -ms-transition : all 1s, height;
    -moz-transition : all 1s, height;
    -o-transition : all 1s, height;
    transition : all 1s, height;
 }
 
#onboardMenu.is-closed .single-box .sbox-icon {
    height:100%;
    display: inline-block;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-flex-wrap: nowrap;
    padding: 10px;
}

@media (max-width: 991px) {
    #onboardMenu.is-closed .single-box .sbox-icon {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
    }
}

#onboardMenu.is-closed .single-box::before {
    background: white;
    content: "";
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 5px;
    left: 0;
    z-index: 10;
    bottom: 0px;
    -webkit-transition: opacity .5s ease-out;
    -ms-transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
}

#onboardMenu.is-closed .single-box .sbox-icon > * {
    position: static;
}

#onboardMenu.is-closed .single-box .sbox-icon img{
    height: 75px;
    padding: 5px 0;
    width: auto !important;
    -webkit-transition : all 1.2s ease-out;
    -ms-transition : all 1.2s ease-out;
    -moz-transition : all 1.2s ease-out;
    -o-transition : all 1.2s ease-out;
    transition : all 1.2s ease-out;
}

.config-inner .config-boxs{
    margin: 0 auto;
}

#onboardMenu.is-closed .config-boxs{
    padding: 0;
}

#onboardMenu.is-closed .single-box{
    border-right: none;
}

#onboardMenu.is-closed .single-box.in-content{
    position: relative;
    background: #dbe5ff;
}

#onboardMenu.is-closed .single-box{
    position: relative;
    overflow: hidden;
}

#onboardMenu.is-closed .single-box:not(.in-content){
    opacity:0.4;
    cursor: default;
}

#onboardMenu.is-closed .single-box.active:not(.in-content) {
    opacity:1;
    cursor: pointer;
}

#onboardMenu.is-closed .single-box:before{
    background:white;
    content: "";
    position: absolute;
    opacity:0;
    width: 100%;
    height: 5px;
    left: 0;
    z-index: 10;
    bottom: 0px;
    -webkit-transition : opacity .5s ease-out;
    -ms-transition : opacity .5s ease-out;
    -moz-transition : opacity .5s ease-out;
    -o-transition : opacity .5s ease-out;
    transition : opacity .5s ease-out;
}

#onboardMenu.is-closed .config-boxs::before,
#onboardMenu.is-closed .config-boxs::after{
    display:none;
}

#onboardMenu.is-closed .single-box.in-content:before,
#onboardMenu.is-closed .single-box:hover:before{
    opacity:1;
    display:none;
}

#onboardMenu.is-closed .single-box:hover{
    background: #dbe5ff;
}

#onboardMenu.is-closed .single-box{
    border: 1px solid #d9d8d9;
    -webkit-transition : border 1.2s ease-out .5s, border-right 0s, background .2s linear;
    -ms-transition : border 1.2s ease-out .5s, border-right 0s, background .2s linear;
    -moz-transition : border 1.2s ease-out .5s, border-right 0s, background .2s linear;
    -o-transition : border 1.2s ease-out .5s, border-right 0s, background .2s linear;
    transition : border 1.2s ease-out .5s, border-right 0s, background .2s linear;
    border-right: 0 !important;
    border-top: 0 !important;
}

#onboardMenu.is-closed .single-box{
    border-right: 1px solid #d9d8d9 !important;
}

#onboardMenu.is-closed .single-box .sbox-icon::after,
#onboardMenu.is-closed .single-box .sbox-icon::before,
.colegio-onBoard .single-box[data-box='show-box-2'] .sbox-icon::after{
    display:none;
}

#onboardMenu.is-closed {
    width: 100%!important;
    height: auto;
    min-height: 120px;
    padding: 0!important;
    padding-top: 0;
    -webkit-transition : all .8s ease-out;
    -ms-transition : all .8s ease-out;
    -moz-transition : all .8s ease-out;
    -o-transition : all .8s ease-out;
    transition : all .8s ease-out;
}


#onboardMenu.is-closed .smallTitle{
    opacity:1;
    -webkit-transition: opacity 1s ease-out;
    -moz-transition: opacity 1s ease-out;
    -o-transition: opacity 1s ease-out;
    transition: opacity 1s ease-out;
    display: inline-block;
    font-size:16px !important;
}

#onBoardBlock .wrapper_content {
    box-shadow: none;
    border: none;
    padding: 30px;
}

#onBoardBlock{
    padding-bottom: 0 !important;
}


#onboardMenu.is-closed .open-Onboard{
    display:block;
}

#onboardMenu.is-closed::after{
    display: none;
}

#onboardMenu.is-closed::before{
    width: 100%;
    height: 100%;
    background: white;
    content: "";
    position: absolute;
    left: 0;
    border-radius: 2px;
}

.loaderOnboard{
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0%;
    background: white;
    display: inline-block;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    background-image: url(/app/cfb671f5a5e5e420a9d11e7894f6612a3d8e69cb24062bb722635169f382fecc13be9f4c9fe1480bf68ed027d0936774df1e3c745864b842142d808148add4ecede3e28b0f041528454297/);
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -ms-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.loaderOnboard.active{
    height: -webkit-calc(100% - 50px);
    height: -moz-calc(100% - 50px);
    height: calc(100% - 50px);
    opacity: 1;
    bottom: 0;
    top: auto;
}




.colegio-onBoard .sbox-icon > img{
    width: 75px !important;
}

.colegio-onBoard .sbox-content p{
    line-height: 18px;
    font-size: 12px;
}

.colegio-onBoard .single-box-v2 .sbox-content p{
    height: auto !important;
}

.colegio-onBoard .sbox-content p{
    padding:10px 40px;   
}

.colegio-onBoard .config-inner .config-boxs{
    padding: 100px 0 20px;
}

.colegio-onBoard .single-box:nth-child(3) .sbox-icon::before,
.colegio-onBoard .single-box:nth-child(3) .sbox-icon::after{
    display:none;
}

.single-box-wrapper .pull-right{
    width:65%;
}

.single-box-wrapper .pull-left{
    width:35%;
}

.single-box-wrapper .single-box-v2:first-child{
}

.single-box-wrapper .single-box .sbox-content{
    padding: 0;
}

.single-box-v2 .sbox-icon > img{
    width: 65px !important;
}

.colegio-onBoard .config-boxs > div{
    width: 25%;
}

.single-box-wrapper{
    background: white;
    z-index: 11;
    margin-top: -85px;
    -webkit-transition: margin .5s ease-out;
    -moz-transition: margin .5s ease-out;
    -ms-transition: margin .5s ease-out;
    -o-transition: margin .5s ease-out;
    transition: margin .5s ease-out;
}

.single-box-v2 .sbox-icon::before,
.single-box-v2 .sbox-icon::after{
    display: none;
}

.single-box-v2 .sbox-content h2{
    text-align: left;
    padding-left: 10px;
    line-height: 1.2em;
}

.single-box-v2 .sbox-content p{
    text-align: left;
    padding: 0;
    padding-left: 10px;
}

.single-box-v2 .sbox-content > .lr{
    margin-bottom: 40px;
}

#onboardMenu.is-closed .single-box-wrapper .pull-left{
    width:100%;
}

#onboardMenu.is-closed .single-box-wrapper{
    margin-top:0;
}

#onboardMenu.is-closed .single-box-v2 .sbox-icon img{
    height: 35px;
    padding: 0;
    transform: none;
    position: relative;
    top: 4px;
}

#onboardMenu.is-closed .single-box-v2{
    margin: 0;
}

#onboardMenu.is-closed  .single-box-v2 .smallTitle{
    font-size: 14px !important;
}

#onboardMenu.is-closed .single-box-wrapper{
    top: 0px;
}

.single-box-v2 .sbox-icon{
    position: relative;
}




.diagnosticBlock {
	background-color: #fff;
	min-height: 80vh;
	padding: 30px 40px;
}


.animate_bounce{
    -webkit-animation: bounce_effect .5s linear;
    -moz-animation: bounce_effect .5s linear;
    -ms-animation: bounce_effect .5s linear;
    -o-animation: bounce_effect .5s linear;
    animation: bounce_effect .5s linear;
}


@-webkit-keyframes bounce_effect {
  0%{
        transform: scale(1);
        -webkit-transform: scale(1);
  }
  30%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
  }
  60%{
        transform: scale(.95);
        -webkit-transform: scale(.95);
  }
  100%{
        transform: scale(1);
        -webkit-transform: scale(1);
  }
}

@keyframes bounce_effect {
  0%{
        transform: scale(1);
        -webkit-transform: scale(1);
  }
  30%{
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
  }
  60%{
        transform: scale(.95);
        -webkit-transform: scale(.95);
  }
  100%{
        transform: scale(1);
        -webkit-transform: scale(1);
  }
}





#onBoardBlock{
    position: relative;
}

#onBoardBlock > .container{
    width:100%;
    top: 3em;
    max-width: none;
}

#onBoardBlock .main_block{
    max-width:none !important;
}

#onBoardBlock .onBoardStepsWp{
    opacity:0;
    width:100%;
    top: 0em;
    max-width: none;

}

#onBoardBlock .switch_wrapper{
    display:none;
}

#diagnosticBtn{
    float: none !important;
    margin: 0 0px 20px auto;
    display: block;
}



.onboardTopDignostic{
    display:none !important;
}

 

#onBoardBlock .wrapper_content{
    padding:3%;
}








.img_end_{
    width:400px;
    display:inline;
}

.circle_tick{
    width:80%;
    margin:10% 0 0 10%;
}
.end_onboarding_button{
    width: 50% !important;
    max-width: 350px;
    margin: 50px 25% !important;
    float: none !important;
    font-size:16px !important;
}
.onboarding_end_title {
    margin:0 auto;
    font-family: 'Montserrat', arial !important;
    font-size: 32px !important;
    line-height: 32px;
    
}
.med-text {
    font-size: 19px;
    margin-top: 15px;
    color: #4b90e2;
}
.box2-end-onboarding{
    float:right;
    display:inline;
    margin-top: 4%;
    border: 2px solid #DBDBDB;
    border-radius: 8px;
}








.files-tree-list:nth-child(2),
.files-tree-list:nth-child(3){
   
}



.diagnosticBlock .popup_status{
    opacity: 0;
    position: fixed;
    height: 0 !important;
    right: 0 !important;
    z-index: 100;
    width: 0;
}

.diagnosticBlock .popup_status.active {
    opacity: 1;
    right: 0 !important;
    height: 100% !important;
    overflow: auto;
    box-shadow: -2px 1px 20px 5px #00000014;
    min-height: 100vh;
    background-color: #fff;
}






 
.wrapper_content.plan-de-wp,
.wrapper_content.dimension-wp-configuration{
    background: #FFFFFF;
    border: 1px solid #D8D8D8 !important;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21) !important;
    padding: 0 !important;
    margin-bottom: 10px;
}
.wrapper_content.dimension-wp-configuration {
    padding-bottom: 30px !important;
}

.signature-list.signature-list-custom span {
    font-family: 'Montserrat', arial;
    color: #4A4A4A;
    letter-spacing: 0;
    line-height: 1.7em;
}

.signature-list.signature-list-custom span.pmc_actions_label{
    cursor: pointer;
    color: #7f8c8d;
    margin-right: 35px;
}

.signature-list.signature-list-custom span.pmc_indicator_title {
    font-size: 16px;
    padding: 25px 0 10px 0;
}

.signature-list.signature-list-custom span i.fas.fa-exclamation-circle,
.signature-list.signature-list-custom span i.fab.fa-product-hunt {
    font-size: 16px;
}

.legend_info_wp {
    border: 1px solid #ccc;
    margin: 30px 15px;
    width: calc(100% - 35px);
    padding: 20px;
}

.legend_info_wp h5 {
    font-size: 1.1em;
    padding-bottom: 8px;
    line-height: 1.4;
}

.legend_info_wp span {
    line-height: 1.3;
    font-size: 1em;
    margin: 5px 15px;
    display: inline-block;
}

.signature-list-custom .actions_list .pmc_create_action {
    padding: 25px 0 10px 0;
    display: block;
}

.signature-list.signature-list-custom span.pmc_actions_label i{
    color: #000;
}

.signature-list.signature-list-custom.res_wrapper label span {
    padding-left: 13px;
}
.signature-list.signature-list-custom.res_wrapper label span:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background: #6e6e6e;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0;
}
.ambitos-content-pmc .plan-stats {
    margin-bottom: 40px;
}
.plan-de-section .plan-de ul {
    margin-top: 15px !important;
}
.profile-box{
    position: relative;
}
.comments{
    color: #fff;
    background: #5359a6;
    width: 23px;
    height: 23px;
    border-radius: 50%;
    position: absolute;
    top: 38px;
    display: block;
    left: 62px;
    font-size: 12px;
    font-weight: 600;
    padding: 3px;
}
.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #7b7b7b;
    white-space: nowrap;
    font-size: 20px;
    font-weight: 400;
}
.plan-de-section h1{
    color: #333333;
    font-weight: 400;
    font-size: 19px;
    font-family: 'Montserrat', arial;
    padding: 13px 0 6px 0;
}

.plan-de-section p {
    font-size: 14px;
    line-height: 1.3;
    padding: 5px 0 25px;
}

.plan-de-section ul.pmc-tabs {
    text-align: right;
    margin: 11px 0px 0px 56px !important;
    width: calc(100% - 52px);
}
.plan-de-section ul.pmc-tabs li{
    list-style: none;
    display: inline-block;
    font-size: 13px;
}
.plan-de-section .act_wrapper ul {
    width: auto;
    margin-left: 0 !important;
    text-align: left;
}
.plan-de-section .act_wrapper ul li {
    margin-right: 10px;
    padding-top: 8px;
}
.plan-de-section .act_wrapper .indicator_actions_wp{
    width: 100%;
}
.plan-de-section .act_wrapper .act_text_remaining{
    display:none;
    font-weight: bold;
    color: red;
}

.plan-de-section .act_wrapper .act_text_remaining .numb_ind_with_not_selected_actions{
    color: red;
}
.plan-de-section .status {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
}
.plan-de-section .status li {
    margin-bottom: 15px;
}
.mi-plan-img{
    background: #fff;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
    -moz-box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
    box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
    text-align: center;
}
.mi-plan-img i {
    color: #4a4a4a;
    font-size: 24px;
    line-height: 50px;
    display: inline-block;
    padding-left: 3px;
}
.plan-de-inner{
    display: block;
    overflow: hidden;
    background: #ffffff;
    padding-bottom: 37px;
-webkit-box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
-moz-box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
box-shadow: 0px 2px 7px 1px rgba(153,153,153,1);
}
.plan-de-inner p{
    font-size: 12px;
    color: #4a4a4a;
    font-weight: 400;
    padding: 30px 15px;
    margin: 0;
}
.plan-de-head{
    background: url(https://escuelascatolicas.educamos.sm/app/cdbacb5724340306d5330c8fc192a19cba128e9a3c0f3fc3c75d2f2d389ffe2d3c0df91e26b8a9506b37ade4286a4490907d6dcb1a71508250dc21f0a6d95b20ff3d4a7629e71502449911/img/head-bg.png);
    background-size: cover;
    background-position: center;
    margin-bottom: 20px;
}
.ambitos-content-pmc {
    margin-top: 10px;
}
.ambitos-content-pmc:after {
    float: none;
    clear: both;
    display: table;
    content: "";
}
.plan-de-head p{
    text-align: right;
    font-size: 12px;
    color: #4a4a4a;
    font-weight: 400;
    padding: 13px 13px 77px;
}
.plan-de-head p img{
    margin-left: 10px;
}
.plan-de-head h1{
    font-size: 28px;
    color: #4a4a4a;
    font-weight: 400;
    margin: 0;
    padding: 50px 0 50px 32px;
}
.plan-de {
padding: 30px;
-webkit-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
-moz-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);

}
.plan-de h3{
    font-family: 'Montserrat', arial;
    font-weight: 700;
    font-size: 22px;
    color: #4A4A4A;
    letter-spacing: -0.83px;
    line-height: 29px;
}

.plan-de h3 i.fa.fa-exclamation-circle.fa-alert-actions {
    margin-left: 10px;
    color: #e83d3d;
}

.plan-de h3 i.fa.fa-check-circle.fa-alert-ok-actions {
    margin-left: 10px;
    color: #3aab3a;
}

.plan-de ul{
    text-align: left;
    margin: 0;
    padding: 0;
}
.plan-de ul li{
    list-style: none;
    display: block;
    margin-bottom: 9px;
    margin-left: 10px;
}
.plan-de ul li a{
    text-decoration: none;
    font-family: 'Montserrat', arial;
    font-weight: 300;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: -0.49px;
    line-height: 29px;
}
.plan-de ul li a span{
    margin-right: 10px;
    font-weight: 700;
    font-family: 'Montserrat', arial;
    font-weight: 600;
    font-size: 18px;
}
.plan-stats ul {
    width: 100%;
    margin-left: 0 !important;
}
.plan-de1{
    background: url(https://webintra.net/app/36e780bc7db59a71528722809?is_version=true&free_app_id=183435) #fff no-repeat;
    background-position: 90% 30px;
}
.plan-de2{
    background: url(https://webintra.net/app/511ad280076f8461528722869?is_version=true&free_app_id=183438) #fff no-repeat;
    background-position: 90% 30px;
}
.plan-de3{
    background: url(https://webintra.net/app/d2b1186c98648ec1528722745?is_version=true&free_app_id=183433) #fff no-repeat;
    background-position: 90% 30px;
}
.plan-de1 ul li a span{
    color: rgb(216, 45, 105);
}
.plan-de2 ul li a span{
    color: rgb(131, 100, 161);
}
.plan-de3 ul li a span{
    color: rgb(241, 140, 66);
}
.plan-de .plan-de-btn{
    font-weight: 400;
    display: block;
    padding: 10px 0;
    margin: 30px 0 0 0;
    text-decoration: none;
    font-family: 'Montserrat', arial;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0;
    text-align: center;
    line-height: 12px;
    transition: all .2s ease-in-out;
}
.plan-de1 .plan-de-btn{
    border: 2px solid rgb(216, 45, 105);
    color: rgb(216, 45, 105);
}
.plan-de2 .plan-de-btn{
    border: 2px solid rgb(131, 100, 161);
    color: rgb(131, 100, 161);
}
.plan-de3 .plan-de-btn{
    border: 2px solid rgb(241, 140, 66);
    color: rgb(241, 140, 66);
}
.plan-de1 .plan-de-btn:hover{
    background: rgb(216, 45, 105);
    color: #fff;
}
.plan-de2 .plan-de-btn:hover{
    background: rgb(131, 100, 161);
    color: #fff;
}
.plan-de3 .plan-de-btn:hover{
    background: rgb(241, 140, 66);
    color: #fff;
}
.footer-sec{
    padding: 25px 0;
}
.footer-link{
    font-size: 12px;
    color: #4990e2;
    font-weight: 600;
}
.gruder-btn, .gruder-btn:hover{
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    background: #4990e2;
    display: block;
    width: 228px;
    float: right;
    text-align: center;
    padding: 8px 14px;
    border-radius: 50px;
    text-decoration: none;
}


.nav-tabs{
    border: transparent;
}
ul.nav.nav-tabs li{
    padding: 0px 2px;
    width: 33%;
    text-align: center;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #c3c3c3;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    border-radius: 0;
    padding: 12px 0;
    display: block;
    border-width: 1px 1px 0 1px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border-top: 4px solid #63b5f7;
    font-weight: 600;
    background-color: #fff;
}

.tab-content {
    background: #fff;
    -webkit-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    -moz-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
}
.tab-body {
    display: none;
}

.tab-body.active {
    display: block;
}

.plan-de-mojo p{
    font-size: 13px;
    color: #9b9b9b;
    font-weight: 400;
    margin: 0;
    padding: 20px 19px;
    text-align: center;
}
.plan-de-mojo-active p{
    position: relative;
    font-weight: 600;
    color: #4a4a4a;
    border-bottom: 2px solid #63b5f7;
    padding-bottom: 23px
}
.plan-de-mojo-active p:before{
    
    bottom: -7px;
    left: 0;
    right: 0;
    margin: 0 auto;
}*/
.plan-de-mojo1 p{
    margin-top: 13px;
}

.progress-steps {
    padding: 20px;
}

.row-of-progress{
    margin: 0;
    position: relative;
    background: #F7F7F7;
    border: 1px solid #D8D8D8;
    border-width: 1px 0px 1px 0px;
}
.row-of-progress:before{
    content: "";
    position: absolute;
    width: 66%;
    height: 0px;
    border: none;
    border-bottom: 1px dashed #ccc;
    display: block;
    top: 43px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.plan-de-progress{
    text-align: center;
}
.plan-de-progress span{
    color: #9b9b9b;
    font-size: 14px;
    font-weight: 600;
    background: #fff;
    width: 30px;
    height: 30px;
    display: block;
    margin: 0 auto;
    border-radius: 50%;
    line-height: 30px;
    transform: translateY(-10px);
}
.plan-de-progress h3{
    font-size: 13px;
    color: #9b9b9b;
    font-weight: 300;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}
.plan-de-progress-active h3{
    color: #4a4a4a;
    font-weight: 600;
}
.plan-de-progress-active span{
    color: #fff;
    background: #63b5f7;
}
.signature-paso-head {
    padding: 30px 30px 10px 30px;
}
.signature-paso-head h1{
    font-size: 18px;
    color: #7b7b7b;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    padding: 0 0 8px 0;
}
.signature-paso-head p{
    font-size: 14px;
    color: #7b7b7b;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    color: #4a4a4a;
    font-weight: 400;
}
.form-check .fa-info-circle {
    margin-left: 3px;
    font-size: 16px;
}
.legend_info_wp{
    font-size: 13px;
    margin-top: 3%;
}


.containers {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: space-between;
    -webkit-align-items: center;
    margin-top: 5px;
}

.res_wrapper .containers {
    padding-left: 0;
}


.containers .name {
    width: 100%;
}

.containers input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.containers:hover input ~ .checkmark {
    background-color: #ffffff;
    border: 1px solid #ccc;
}

.containers input:checked ~ .checkmark {
    background-color: #63b5f7;
    border-color: #63b5f7;
}


.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.containers input:checked ~ .checkmark:after {
    display: block;
}

.containers .checkmark:after {
    left: 5px;
    top: 2px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.moredata {
    text-decoration: underline;
    width: 98px;
    display: block;
    text-align: right;
    font-size: 12px;
}

.signature-list-custom{
    margin-left: 60px;
}

.signature-list-custom .actions_list {
    width:100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    align-items: stretch;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: stretch;
    -webkit-align-items: stretch;
}

.form-check.form-check-action.action_text{
    width: 65%;
}

.actions_list .pmc_indicator_title{
    display:block;
}

.signature-list-custom .actions_list .form-check-action,
.signature-list-custom .actions_list .pmc_actions {
    margin-bottom: 6px;
    padding-bottom: 6px;
}

.signature-list-custom .actions_list .pmc_actions {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
}

.signature-list-custom1{
    margin-right: 24px;
}
.footer-para{
    color: #6d6d6d;
    font-size: 13px;
    font-weight: 400;
    margin: 21px 0 34px 40px;
}
a.btn.btn-default.signature-btn{
    background: #fff;
    border: none;
    min-width: 226px;
    border: 2px solid #63b5f7;
    font-size: 15px;
    color: #63b5f7;
    font-weight: 600;
    float: right;
    padding: 5px 22px;
    border-radius: 50px;
    margin: 12px 20px 0 0;
}

a.btn.btn-default.signature-btn:hover{
    background: #fff;
    border: none;
    width: 226px;
    border: 2px solid #63b5f7;
    font-size: 15px;
    color: #63b5f7;
    font-weight: 600;
    transition: all 1s;
}
.nav-tabs{
    position: relative;
}
.plan-de-section .backtoindex {
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 8px;
    left: 15px;
    color: #63b5f7;
    font-size: 24px;
    line-height: 50px;
    font-family: 'Fontawesome';
    text-align: center;
    cursor: pointer;
}
.subtabs {
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    align-items: stretch;
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-justify-content: stretch;
    -webkit-align-items: stretch;
    background-color: #fff;
}
.subtabs [class^=col] {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: stretch;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-justify-content: flex-end;
    -webkit-align-items: stretch;
}
.plan-de-mojo,
.plan-de-progress {
    cursor: pointer;
}

.signature-list p {
    padding-left: 0;
    padding-right: 0;
}
.signature-list.signature-list-custom.res_wrapper {
    color: #555;
    font-weight: bold;
}


.profile-detailing span{
    float: right;
    position: relative;
    top: -31px;
    right: -23px;
        cursor: pointer;
}
.profile-detailing{
    width: 388px;
    padding: 42px 40px 0px 40px;
    background: #fff;
        -webkit-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    -moz-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
}
.section-title h1{
    font-size: 21px;
    color: #1b2125;
    font-weight: 400;
    border-bottom: 1px solid #e4eaee;
    padding: 0 0 19px 0;
}
.section-title p{
    font-size: 14px;
    color: #848484;
    font-weight: 400;
    padding: 11px 0;
}
.panel-title{
    position: relative;
}
.panel-title > a {
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    display: block;
}
.panel-title > a >img{
    float: right;
}
.panel-title > a.collapsed:before {
    content: url(../img/arrow.png);
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 999;
    transition: all 0.5s;
    transform: rotate(-88deg);
}
.panel-title > a:before {
    content: url(../img/arrow.png);
    display: block;
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 999;
    transition: all 0.5s;
}
.panel-default{
    border: none;
    border-top: 1px solid #e4eaee;
}
.panel-default > .panel-heading{
    background-color: transparent;
    padding: 17px 12px;
}
.panel-title h2{
    font-size: 14px;
    color: #7e7e7e;
    font-weight: 600;
    margin: 4px 0 0 0;
}
.panel1-title h2{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-transform: uppercase;
    margin: 17px 0 13px 20px;
}
.panel-terms li{
    list-style: none;
    display: block;
    position: relative;
    line-height: 25px;
}
.panel-terms li a{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-decoration: none;
}
.panel-terms {
    padding: 0 0 0 37px;
}
.panel-terms li:before{
    content: "";
    position: absolute;
    display: block;
    top: 5px;
    left: -18px;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 7px;
    background: #ffd54f;
    border-radius: 50%;
}
.admin-name h3{
    font-size: 14px;
    color: #7e7e7e;
    font-weight: 600;
}
.admin-name p{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-transform: uppercase;
}
.panel-title-custom1 a{
    color: #63b5f7;
    font-weight: 600;
}
.panel-title-custom2 a{
    color: #ee6492;
    font-weight: 600;
}
.panel-title-custom3 a{
    color: #ffd54f;
    font-weight: 600;
}
body{
    position: relative;
}
.profile-detailing{
    position: absolute;
    top: 0;
    right: 0px;
    transition: all 1s;
    display: none;
    transition: all 1s;
}
.profile-detailing-show{
    right: 0px;
    display: block;
    transition: all 1s;
}
.profile-detailing-hide{
    display: none;
    transition: all 1s;
}
.margin-right{
    margin-right: 10px;
}
.dropdown-menu {
    width: 333px;
    top: 176%;
}
@media (max-width: 768px) {
.dropdown a {
    font-size: 14px;
    }
.navbar-brand > img {
    display: block;
    width: 100px;
    height: 30px;
    }
.nav > li {
    display: inline-block;
}
.actions {
    display: inline-block;
}
.dropdown {
    padding: 6px 0 22px 18px;
}
.plan-de-section h1 {
    width: 100%;
    text-align: center;
    padding: 8px 0 1px 0;
    margin-bottom: 0;
}
.plan-de-section ul {
    text-align: center;
    margin: 10px 0px 16px 0;
}
    .plan-de-section ul {
        padding: 0;
    }
    .plan-de-head h1 {
    font-size: 20px;
    padding: 0 0 24px 32px;
    text-align: left;
}
.gruder-btn, .gruder-btn:hover {
    float: none;
        margin: 15px 0 0 0;
    }
.plan-de ul li {
    text-align: left;

    }
     .plan-de-mojo-active p:before {
        height: 0px;
    }
    .signature-list-custom {
        margin: 0 30px 47px;
    }
    .signature-list-custom1 {
    margin: 0 29px;
}
.footer-para {
    margin: 35px 0 12px 26px;
    text-align: left;
    }
    a.btn.btn-default.signature-btn {
        float: none;
        margin: 12px 20px 25px 26px;
    }
    ul.nav.nav-tabs li {
        width: 100%;
    }
    .profile-detailing {
        width: 300px;
        padding: 42px 20px 0px 20px;
    }
    .signature-list-custom {
        margin: 0px 30px 0 53px;
    }
    .signature-list-custom1 {
        margin: 0 28px 0 53px;
    }
    .profile-detailing span {
        right: 0px;
    }
}
@media (min-width: 768px) {
.dropdown a {
    font-size: 14px;
    }
     .plan-de-mojo-active p:before {
        height: 0px;
    }
     .signature-list-custom {
        margin: 0px 30px 0 53px;
    }
.signature-list-custom1 {
    margin: 0 28px 0 53px;
}
}
@media (min-width: 992px) {
.dropdown a {
    font-size: 20px;
    }
     
.signature-list-custom1 {
    margin: 0 28px 0 0;
}
}
@media (min-width: 1200px) {
.dropdown a {
    font-size: 20px;
    }
    
    .signature-list-custom {
    margin-left: 60px;
}
.signature-list-custom1 {
    margin-right: 24px;
}
}

.progress {
    margin: 0;
    height: 30px;
}
.pros{
    width: 0;
    height: 15px;
    
    margin-top: 15px;
    transition: all 1s;
}

.in.active .pros{
     width: 100%;
}

.tab-pane.active {
    animation: slide-down .5s ease-out;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(30%); }
    100% { opacity: 1; transform: translateY(0); }
}



.popup_status {
    position: absolute;
    top: 0;
    left: 100%;
    width: 30% !important;
    min-width: 300px;
    min-height: 100vh;
}
.popup_status .popup-plan-mejora-content {
    background-color: #fff;
    transition: left .3s;
    z-index: 100;
    height: 100%;
}

.popup_status.active {
    left: auto;
    right: 0;
    transition: left .3s;
}

.popup_status .lineic-office-52 {
    color: #808080;
    font-size: 24px;
    line-height: 1.4;
    margin-top: 15px;
    cursor: pointer;
}

.popup_status .title {
    font-size: 24px;
    line-height: 1.4;
    padding: 30px 0;
    font-weight: normal;
    color: #1b2125;
}

.popup_status .desc {
    font-size: 14px;
    line-height: 1.3;
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.popup_status .accordion_cont {
    margin: 30px 0;
}

.popup_status .accordion {
    padding: 20px;
    background-color: #fff;
    margin-bottom: 15px;
    padding-bottom: 0;
}

.popup_status .accordion_inner {
    clear: both;
    padding: 20px;
}

.popup_status ul.accordion .transition,
.popup_status ul.accordion .accordion_inner,
.popup_status ul.accordion li i:before {
  transition: all 0.25s ease-in-out;
}

.popup_status ul.accordion .flipIn,
.popup_status ul.accordion li {
  animation: flipdown 0.5s ease both;
}

.popup_status ul.accordion {
  list-style: none;
  perspective: 900;
  padding: 0;
  margin: 0;
}

.popup_status ul.accordion li {
  position: relative;
  padding: 0;
  margin: 0;
  padding-bottom: 4px;
  display: list-item;
  transition: all 0.25s ease-in-out;
}

.popup_status ul.accordion li p.sec_title {
    padding: 10px 20px;
    border-bottom: 1px solid #ddd;
}

.popup_status .aprendizaje_accordion p.sec_title {
    color: #63b5f7;
}

.popup_status .vital_accordion p.sec_title {
    color: #ee6492;
}

.popup_status .organizacion_accordion p.sec_title {
    color: #ffd54f;
}

.popup_status ul.accordion li p.sec_title strong {
    font-size: 16px;
    font-weight: 500;
}

.popup_status ul.accordion li i {
    position: absolute;
    right: 20px;
    margin-top: 16px;
}

.popup_status ul.accordion li i {
  color: #929292;
  font-size: 16px;
}

.popup_status ul.accordion li i {
  transform: rotate(180deg);
  transition: all 0.25s ease-in-out;
}

.popup_status ul.accordion li input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 40px;
  z-index: 1;
  opacity: 0;
}

.popup_status ul.accordion li input[type=checkbox]:checked ~ .accordion_inner {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  display: none;
}

.popup_status ul.accordion li input[type=checkbox]:checked ~ i {
  transform: rotate(0deg);
  transition: all 0.25s ease-in-out;
}

.popup_status ul.accordion li input[type=checkbox] ~ .accordion_inner {
    padding-top: 20px;
    transition: all 0.25s ease-in-out;
}

.popup_status ul.accordion .accordion_inner h4 {
    font-size: 14px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: 0.4px;
    color: #7e7e7e;
    padding: 5px 0;
}

.popup_status ul.accordion .accordion_inner h5 {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.54;
    letter-spacing: 0.1px;
    color: #848484;
    text-transform: uppercase;
    padding: 5px 15px;
}

.popup_status ul.accordion .accordion_inner .indicadores_list {
    padding: 0 15px !important;
}

.popup_status ul.accordion .accordion_inner .indicadores_list li {
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 2;
    letter-spacing: 0.3px;
    color: #4a4a4a;
    position: relative;
    padding: 3px 15px;
}

.popup_status ul.accordion .accordion_inner .indicadores_list li::before {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 5px);
    background-color: #333;
    border-radius: 100%;
}

.popup_status ul.accordion .aprendizaje_accordion .accordion_inner .indicadores_list li::before {
    background-color: #63b5f7;
}

.popup_status ul.accordion .vital_accordion .accordion_inner .indicadores_list li::before {
    background-color: #ee6492;
}

.popup_status ul.accordion .organizacion_accordion .accordion_inner .indicadores_list li::before {
    background-color: #ffd54f;
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  
  5% {
    opacity: 1;
  }
  
  80% {
    transform: rotateX(8deg);
  }
  
  83% {
    transform: rotateX(6deg);
  }
  
  92% {
    transform: rotateX(-3deg);
  }
  
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

.popup-overlay {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: none;
    background: rgba(0, 0, 0, 0.48);
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.diagnosticBlock .popup_status .popup-overlay {
  -webkit-transition: all 2s ease-out;
  -moz-transition: all 2s ease-out;
  -o-transition: all 2s ease-out;
  transition: all 2s ease-out;
}
.diagnosticBlock .popup_status.active .popup-overlay {
    display: block;
    width: 100%;
    height: 100%;
}
 

    .app_title_wp ~ .col-xs-6 .btn-primary {
        height: 30px;
        line-height: 15px;
        background-color: #4a90e2 !important;
        max-width: 100%;
        margin-right: 10px;
    }
    .app_title ~ .col-xs-6 small {
        display: inline-block;
        margin-bottom: 20px;
        margin-top: 6px;
        color: #777;
    }
    
    .onoffswitch-checkbox:checked + .onoffswitch-label, 
    .onoffswitch-checkbox:checked + .onoffswitch-label:before {
        border-color: #4a90e2 !important;
    }
    
    .onoffswitch-checkbox:checked + .onoffswitch-label {
        background-color: #4a90e2 !important;
    }
    
    span.info_help {
        margin-bottom: 10px;
    }
    
    .taglist {
        margin-right: 15px;
        margin-bottom: 10px;
    }
    
    .enrol_bp_user {
        padding: 6px 20px;
        margin-left: 15px;
        border: 1px solid #CCC !important;
        font: 12px/18px Arial, sans-serif;
        outline: none;
        border-radius: 2px !important;
        background: rgba(0, 0, 0, 0);
        color: #404040;
        appearance: normal;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-appearance: none;
        -webkit-appearance: none;
        transition: all 0.15s;
        -o-transition: all 0.15s;
        -ms-transition: all 0.15s;
        -moz-transition: all 0.15s;
        -webkit-transition: all 0.15s;
    }
    
    .filters span.info_help {
        margin-bottom: 10px;
    }
    
    #content_Autoeval .svg-container {
        cursor: pointer;
    }
    
    #content_Autoeval .launch-button-wp {
        display: inline-block;
        position: relative;
        top: -8px;
        margin-right: 15px;
    }
    
    #content_Autoeval .download_button {
        float: right;
        margin-top: 2%;
        margin-right: 15px;
    }
    
    #content_Autoeval .button__bottom {
        margin: 2% 2% 0 0;
    }
    
    #content_Autoeval .switch_wrapper {
        text-align: right; 
    }
    
    #content_Autoeval #container1 {
        width:100%; 
        height: auto;
    }
    
    #content_Autoeval #containerDetails {
        margin-top: 50px;
    }
    
    #content_Autoeval .question-help {
        padding: 10px;
        color: #666;
        padding: 9px !important;
        background: #ecf3fc;
        font-weight: normal;
        margin-left: -4px;
        margin-top: 20px;
        display:block !important;
    }
    
    #content_Autoeval .link_notificar,
    #content_Autoeval .link_launch {
        color: #4a90e2;
        font-size: 14px;
        padding-right: 15px;
    }
    
    #content_Autoeval .fa-sort-down {
        margin-left: -20px;
        line-height: 32px;
    }

    
    

    body {
      counter-reset: survey-question;    
    }
    
    .initial_survey ul:not(.question_matrix) .form-question-text::before {
        counter-increment: survey-question;    
        content: counter(survey-question);      
        font-size: 18px;
        margin-right: 10px;
        color: #4a90e2;
    }
    
    .initial_survey .divTableHeading .divTableRow::before{
    
        content: "";
    }
    
    .initial_survey .divTableBody .divTableRow::before{
        counter-increment: survey-question;
        content: counter(survey-question);
        font-size: 18px;
        margin-right: 10px;
        color: #4a90e2;
        font-weight: normal;
    }
    
    .mandatory-symbol{
        color: #777777 !important;
        font-size: 18px !important;
    }
    .initial_survey div#form-context1 {
        display: none;
    }
    
    .initial_survey button.btn.btn-default.btn_back_to_rewards_i_manage {
        position: absolute;
        left: calc(97% - 80px);
        top: 28px;
        z-index: 99;
    }
    
    .initial_survey .GI-survey-colegio-info {
        font-family: 'Montserrat', arial;
        color: rgb(74, 74, 74);
        display: block;
        margin-bottom: 8px;
        font-weight: normal;
        font-size: 18px;
    }
    
    .initial_survey .GI-survey-content-info {
        line-height: 1.4em;
        font-size: 14px;
        color: #7f8c8d;
        margin-bottom: 40px;
    }
    
    .initial_survey .survey_main_wrapper {
        width: 80%;
        min-width: 220px;
        display: block;
        margin: 0 auto;
    }
    
    .initial_survey .content__top__image_dimension{
        width: 40px;
        float: left;
        margin: 0 10px;
        margin-top: -10px;
        border: 1px solid #cacaca;
        border-radius: 50%;
        padding: 3px;
    }
    
    @media (max-width: 767px) {
        .initial_survey .survey_main_wrapper {
            width: 100%;
        }
    }
    
    
    
    .initial_survey .form-paginated #tabs {
        position: relative;
        overflow: hidden;
    }
    
    .initial_survey .form-paginated .question {
        position: absolute;
        z-index: -1;
        visibility: hidden;
        margin: 0 auto !important;
        padding: 10px 40px 40px !important;
        padding-bottom: 140px !important;
    }
    
    .initial_survey .form-paginated .question.active,
    .initial_survey .form-paginated .question.next,
    .initial_survey .form-paginated .question.prev {
        z-index: 0;
        visibility: visible;
    }
    
    .initial_survey .form-paginated .question.active {
        position: relative;
        left: 0;
        transition: left 0.5s ease-in;
        -moz-transition: left 0.5s ease-in;
        -webkit-transition: left 0.5s ease-in;
    }
    
    .initial_survey .form-paginated .question.prev {
        left: -100vw;
    }
    
    .initial_survey .form-paginated .question.next {
        left: 100vw;
    }
    
    .initial_survey .form-paginated .question.next,
    .initial_survey .form-paginated .question.prev {
        top: 0;
        transition: left 0.5s ease-out;
        -moz-transition: left 0.5s ease-out;
        -webkit-transition: left 0.5s ease-out;
    }
    
    .initial_survey #form-fill-wrapper-total button#form-answers-save {
        margin-bottom: 0 !important;
        position: relative;
        z-index: 2;
        background-color: #4a90e2 !important;
        border-radius: 40px;
        text-transform: uppercase;
        font-family: 'Montserrat', arial;
        
    }
    
    .initial_survey .form-paginated #form-answers-save {
        display: none !important;
        background-color: #4a90e2 !important;
        border-radius: 40px !important;
    }
    
    .initial_survey .form-paginated.in-last-page #form-answers-save {
        display: inline-block !important;
    }
    
    .initial_survey .pages_prev, .initial_survey .pages_next {
        position: absolute;
        top: calc(100% - 100px);
        left: auto;
        z-index: 2;
        font-size: 22px;
        cursor: pointer;
        width: 80px;
        height: 40px;
        text-align: center;
        line-height: 40px;
        background-color: #4a90e2;
        color: #fff;
    }
    .initial_survey .form-question-text {
        color: #777777;
        font-size: 18px;
        display: inline !important;
        line-height: 1.4;
        font-weight: normal !important;
        font-family: 'Montserrat', arial;
    }
    
    .initial_survey .pages_prev.out-of-range, .initial_survey .pages_next.out-of-range {
        opacity: .5;
    }
    
    .initial_survey .pages_prev {
        left: calc(50% - 170px);    
    }
    
    .initial_survey .pages_next {
        left: calc(50% + 90px);  
    }
    
    .initial_survey .wrong_answers {
        position: absolute;
        left: 0;
        width: 100%;
        font-weight: bold;
    }
    
    .initial_survey .pages_count {
        text-align: center;
        position: absolute;
        left: calc(50% - 90px);
        width: 180px;
        font-weight: bold;
        padding: 20px 0;
        top: calc(100% - 100px);
        border: 1px solid #eee;
        font-size: 26px;
    }
    
    .initial_survey .wrong_answers {
        bottom: 40px;
        word-break: break-all;
        line-height: 1.2;
        padding: 0 30px;
        z-index: 2;
    }
    
    .initial_survey .wrong-answers-intro {
        font-weight: normal;
        font-size: 15px;
        color: red;
        margin: 0.5em 0;
    }
    
    .initial_survey .pages_count span {
        font-size: 26px;
        color: #4d4d4d;
        font-family: 'Montserrat', arial;
        font-weight: normal;
    }
    
    .initial_survey .wrong_page {
        font-size: 18px;
        margin-left: 20px;
        color: red;
        cursor: pointer;
    }
    
    .initial_survey .wrong_page:hover {
        text-decoration: underline;
    }
    
    .initial_survey .form-paginated .congrats {
        font-size: 18px;
        text-align: center;
    }
    
    .initial_survey,
    .initial_survey .content__top {
        background-color: #fff;
    }
    
    .initial_survey .content__top {
        z-index: 1;
        width: 100%;
    }
    
    .initial_survey .SM-email-content {
        padding-top: 30px;
    }
    
    .initial_survey .form-paginated .question.active  {
        border: 1px solid #eee;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view .form-question-text {
        color: #777777;
        font-size: 18px;
        display: inline !important;
        line-height: 1.4;
        font-weight: normal !important;
        font-family: 'Montserrat', arial;
    }
    
    .initial_survey .answer-text {
        line-height: 1.4em;
        font-size: 14px;
        font-family: 'Montserrat', arial;
        
        color: #4d4d4d;
        padding-left: 0;
        white-space: normal;
    }
    
    .initial_survey .form-question-input[type=radio]:focus,
    .initial_survey .form-question-input[type=checkbox]:focus {
        outline-color: transparent !important;
    }
    
    .initial_survey .form-question-input[type=radio]::before {
        content: '';
        display: block;
        width: 25px;
        height: 25px;
        background-color: #eee;
        border-radius: 100%;
        position: relative;
        top: 50%;
        transform: translate(-17%, -46%);
        border: 1px solid #999;
    }
    
    .initial_survey .form-question-input[type=radio]:checked::before {
        background-color: #91bff5;
        border: 1px solid #4a90e2;
    }
    
    .initial_survey .form-question-input[type=radio]:focus::before {
        box-shadow: 0px 0px 2px 2px #91bff5;
        border: 1px solid #4a90e2;
    }
    
    .initial_survey .form-question-input[type=radio]:checked::after {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background-color: #4a90e2;
        border-radius: 100%;
        position: relative;
        top: calc(50% - 27px);
        transform: translate(-30%, -41%);
        border: 0;
        left: 6px;
        visibility: visible;
    }
    
    .initial_survey .form-question-input[type=checkbox]::before {
        content: '';
        display: block;
        width: 25px;
        height: 25px;
        background-color: #eee;
        position: relative;
        top: 50%;
        transform: translate(-10%, -50%);
        border: 1px solid #999;
    }
    
    .initial_survey .form-question-input[type=checkbox]:checked::before {
        background-color: #91bff5;
        border: 1px solid #4a90e2;
    }
    
    .initial_survey .form-question-input[type=checkbox]:focus::before {
        box-shadow: 0px 0px 2px 2px #91bff5;
        border: 1px solid #4a90e2;
    }
    
    .initial_survey .form-question-input[type=checkbox]:checked::after {
        content: '';
        display: block;
        width: 15px;
        height: 15px;
        background-color: #4a90e2;
        position: relative;
        top: calc(50% - 25px);
        transform: translate(-9%,-59%);
        border: 0;
        left: 5px;
        visibility: visible;
    }
    
    .initial_survey .question li {
        padding-top: 30px !important;
    }
    
    .initial_survey .question .ui-slider-horizontal,
    .initial_survey .context-independent_question .ui-slider-horizontal {
        background: #4a90e2;
        background: -moz-linear-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        background: -webkit-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        background: -webkit-linear-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        background: -o-linear-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        background: -ms-linear-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        background: linear-gradient(left,#a5c8f1 0%,#4a90e2 100%);
        float: none !important;
        width: 100% !important;
    }
    
    .initial_survey .question .ui-slider-handle,
    .initial_survey .context-independent_question .ui-slider-handle {
        width: 24px !important;
        text-align: center;
        margin-top: 0px;
        cursor: pointer !important;
        height: 24px !important;
        border-radius: 100%;
    }
    
    .initial_survey .question .ui-slider-horizontal .ui-slider-handle {
        margin-left: -2px !important;
    }
    
    .initial_survey .ui-slider-horizontal .ui-slider-handle {
        top: -6px !important;
    }
    
    .initial_survey li > div:nth-child(3),
    .initial_survey .ui-slider-horizontal ~ div {
        display: none !important;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view .question {
        padding-left: 4% !important;
        border-left: 2px solid #4a90e2 !important;
        margin-bottom: 30px !important;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view .question .form-question-text-wrapper {
        margin-left: -2%;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view .question .slider-wrapper a.ui-slider-handle {
        font-size: 0px;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view .question .question-help {
        margin-top: 10px;
        padding: 8px 16px !important;
        border-radius: 40px;
        border: 1px solid #91bff5;
        font-weight: normal;
        font-size: 12px !important;
        font-family: 'Montserrat' !important;
        color: #777;
        display: inline-block;
        background-color: #f8f8f8;
    }
    
    .initial_survey #form-fill-wrapper-total #form-view #form-question-103657 .question-help,
    .initial_survey #form-fill-wrapper-total #form-view #form-question-103005 .question-help,
    .initial_survey #form-fill-wrapper-total #form-view #form-question-102916 .question-help {
        
    }
    
    .question_matrix .divTableCell {
        text-align: center;
        min-width: 10%;
        width:100%;
    }
    
    .initial_survey .question_error{
        padding: 15px !important;
        border:1px solid red;
    }

    @media (max-width: 767px) {
        .divTableHeading {
            display: none !important;
        }
        
        .question_matrix .divTableRow {
            -webkit-align-items: flex-start;
            align-items: flex-start;
        }
        
        .question_matrix .divTableBody .divTableCell {
            text-align: center;
            min-width: 25%;
            width: auto;
        }
        
        .question_matrix .divTableBody .divTableCell:first-child {
            width: 100%;
        }
        
        .question_matrix .divTableBody .divTableCell:nth-child(2) {
            padding-left: 20px;
        }
        
        .question_matrix .form-question-answer-option {
            line-height: 1.3;
            padding-bottom: 10px;
        }
        
    }
    
    
    
    .menu-theme-simple .menu-tools {
        width: calc(97%);
        background-color: #fff;
        padding-top: 20px;
        border-bottom: 1px solid #f7f7f7;
    }
    
    .menu-theme-simple ul li {
        border-bottom: 4px solid transparent;
    }
    
    .menu-theme-simple ul li:hover,
    .menu-theme-simple ul li.active {
        background-color: transparent !important;
        border-bottom: 4px solid #4a90e2;
        color: #4a90e2;
    }
    
    .universal-menu-wp .menu-theme-simple .menu-tools li.active .menu-text {
        color: #4a90e2;
    }
    
    .tmpl_freeapp_content_class .universal-menu-wp .contentMenu.tmpl_freeapp_content_class {
        transform: translate(0px, 0) !important;
        padding-top: 0;
    }
    
    .tmpl_freeapp_content_class .SM-email-content {
        padding: 30px;
        padding-top: 80px;
    }
    
    .email_apps_container {
        margin-right: 0 !important;
    }
    
    .SM-email-content-header {
        margin-bottom: 30px;
    }
    
    .menu-theme-simple .menu-tools li.active .menu-text,
    .menu-theme-simple .menu-tools li.active:hover .menu-text {
        color: #fff;
    }
    
    .menu-theme-simple .menu-tools li:hover .menu-text {
        color: #4a90e2;
    }
    
    .form-aml-panorama {
        width: 100%;
        overflow-x: auto;
    }
    
    #form_results .header,
    #form_results .header tr {
        min-height: 50px !important;
        background-color: #eee !important;
    }
    
    .table_header_cell,
    .table_header_cell:hover {
        background-image: none !important;
        border-left: none !important;
        border-right: none !important;
        min-height: 50px !important;
    }
    
    .table_header_cell div {
        padding: 10px 0;
    }
    
    #form-wrapper p.empty_alert {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    
    
    .initial_survey .form_complete_wrapper {
        padding-left: 4%;
        border-left: 2px solid #4a90e2 !important;
        margin-bottom: 30px;
    }
    
    .initial_survey .form-question-text {
        padding-bottom: 5px !important;
        font-family: 'Montserrat', arial;
        font-size: 18px;
        margin-left: -2%;
    }
    
    .initial_survey .form-question-text-answers {
        padding: 15px 0 !important;
        font-weight: normal;
        font-family: 'Montserrat', arial;
        font-size: 14px;
        white-space: normal;
        line-height: 1.2em;
        color: #4d4d4d;
    }
    
    .divTableBody .divTableCell:first-child {
        text-align: left;
        font-family: 'Montserrat', arial;
        font-weight: normal;
    }
    
    .question_matrix .divTableHeading {
        background: transparent !important;
    } 


.profile-content h2 {
    font-family: 'Montserrat', arial;
    font-size: 18px;
    color: #444;
    letter-spacing: 0.25px;
    margin-bottom: 12px;
}
.profile-content h3 {
    font-family: 'Montserrat', arial;
    font-size: 18px;
    color: #444;
    letter-spacing: 0.95px;
    margin-bottom: 10px;
}

.profile-sidebar {
    width: 160px;
    padding: 10px 0 0 0;
    position: fixed;
    box-sizing: border-box;
}

.profile-sidebar li {
    list-style: none;
    margin-bottom: 15px;
}

.profile-sidebar li a {
    text-decoration: none;
    font-family: 'Montserrat', arial;
    font-weight: 700;
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0.43px;
}

.profile-sidebar li a.active,
.profile-sidebar li a:hover {
    color: #111111;
}

.profile-content {
    padding: 10px 40px 50px 180px;
}

.card {
    background-color: white;
    box-shadow: 0 2px 5px #cccccc;
    margin-bottom: 30px;
}

.card-body {
    display: flex;
    align-items: center;
}

.card-body .photo {
    padding: 15px;
}

.card-body .details {
    padding: 15px;
    padding-bottom: 0;
    width: 100%;
}

.card-body p {
    margin: 10px 0;
}

.card-body .title {
    font-family: 'Montserrat', arial;
    font-size: 14px;
    color: #4990E2;
    letter-spacing: 0.74px;
    font-weight: lighter;
    margin: 0 0 10px;
}

.primary-text {
    font-family: 'Montserrat', arial;
    font-weight: 600;
    font-size: 12px;
    color: #4A4A4A;
    letter-spacing: 0.63px;
}

.secondary-text {
    font-family: 'Montserrat', arial;
    font-size: 12px;
    color: #9B9B9B;
    letter-spacing: 0.63px;
    font-weight: lighter;
}

.card-footer {
    border-top: 1px solid #dddddd;
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-footer .secondary-text i {
    color: #4990E2;
    margin-right: 10px;
    font-size: 16px;
}

.card-footer .btn-edit {
    color: #499fe1;
    text-decoration: undeline;
}
#pprof-avatar {
     display: block !important; 
     margin-right: 0 !important;
}
#profile .card-footer {
    justify-content: flex-end;
}

.team-name {
    font-family: 'Montserrat', arial;
    font-size: 12px;
    color: #333333;
    letter-spacing: 0.63px;
}

#equip1 .card-body .titles {
    display: flex;
}

#equip1 .card-body .titles h2 {
    flex: 1;
}

#equip1 .card-body .items {
    display: flex;
    padding: 5px 0;
}

#equip1 .card-body .items .item {
    flex: 1;
}

#equip1 .card-body .items .item:last-child {
    flex: 2;
}

#equip1 .card-body .items .item .number {
    font-family: 'Montserrat', arial;
    font-weight: 600;
    font-size: 12px;
    color: #4990E2;
    letter-spacing: 0.63px;
}

#equip1 .card-footer span {
    display: flex;
    align-items: center;
}

#equip1 .card-footer span img {
    width: 25px;
    margin-right: 10px;
}

#equip1 .card-footer span .fa {
    margin-right: 10px;
    font-size: 22px;
    color: #499fe1;
}

#equip2 .left {
    padding: 20px;
    width: 150px;
    text-align: center;
    color: #499fe1;
    cursor: pointer !important;
}

#equip2 .left .item {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px dashed #979797;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #ECECEC;
    line-height: 55px;
}

#equip2 .left .item .more-icon {
    font-family: 'Montserrat', arial;
    font-weight: 500;
    font-size: 36px;
    color: #4990E2;
}

#equip2 .right {
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
}

#equip2 .right .item {
    text-align: center;
    margin: 10px;
    color: #222222;
}

#equip2 .right .img-div {
    width: 60px;
    height: 60px;
    display: inline-block;
    background-color: rgb(152, 5, 5);
    border-radius: 50%;
    background-position: center;
    background-size: cover !important;
}

#equip3 .card-body {
    padding: 20px;
    flex-wrap: wrap;
}

#equip3 .card-body .item {
    width: 33%;
}

#equip3 .card-body .item p:first-child {
    color: #222222;
}

#equip3 .card-footer {
    justify-content: flex-end;
}

#guia .doc_list {
    padding: 15px !important;
}

#guia .doc_list .doc_list_item {
    line-height: 16px;
    padding-bottom: 8px;
    font-size: 14px;
}

#guia .doc_list .doc_list_item i {
    padding-right: 5px;
    font-size: 16px;
}

@media screen and (max-width: 768px) {
    body {
        flex-wrap: wrap;
    }
    
    .section {
        padding: 20px 0 0;
    }

    .profile-sidebar {
        width: 100%;
        padding: 30px 30px 0;
        border-bottom: 1px solid #d8d8d8;
        background: white;
    }

    .profile-sidebar ul {
        display: flex;
    }

    .profile-sidebar ul li {
        padding: 0 10px;
    }

    .profile-content {
        padding: 70px 20px;
    }
}

@media screen and (max-width: 600px) {
    .card-body {
        flex-wrap: wrap;
        justify-content: center;
    }

    #equip1 .card-body .titles {
        display: block;
    }

    #equip1 .card-body .titles h2 {
        flex: none;
    }

    #equip1 .card-body .items .item:last-child {
        flex: 1;
    }

    #equip3 .card-body .item {
        width: 50%;
    }

    #equip3 .card-body {
        justify-content: flex-start;
    }
}

@media screen and (max-width: 400px) {
    .sidebar ul li {
        padding: 0 4px;
    }
}


    
    
    .profile-content .profuser-widget-wrapper.profuser-name,
    .profile-content .details-wrapper.user_cv_email {
        display: flex;
        flex-direction: row;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        -webkit-justify-content: flex-start;
        -webkit-align-items: center;
    }
    
    .profile-content .profuser-widget-title-box {
        display: inline-block;
        order: 1;
    }
    
    .profile-content .profuser-widget-title {
        display: none;
    }
    
    .profile-content .profuser-name .text-content,
    .profile-content .pprof-fieldbox-name #pprof-company-name .pprof-company-name-text.text-val {
        font-family: 'Montserrat', arial;
        font-size: 18px;
        color: #444;
        letter-spacing: 0.95px;
        margin-bottom: 10px;
    }
    
    .profile-content .input_mail .text-content {
        font-family: 'Montserrat', arial;
        font-size: 12px;
        color: #9B9B9B;
        letter-spacing: 0.63px;
        font-weight: lighter;
    }
    
    .profile-content #user_cv_password .profuser-widget-title {
        display: block;
    }
 
    
    .wrapper_content.SM-email-content {
        padding-bottom: 0;
    }
    
    .SM-email-content .SM-email-content-header {
        margin-bottom: 0;
    }
    
    .evaluacion_wrapper .menu-tools li {
        border-bottom: 4px solid transparent;
    }
    
    .evaluacion_wrapper .menu-tools li.active .menu-text {
        color: #4a90e2 !important;
    }
    
    .evaluacion_wrapper .menu-tools li:hover, 
    .evaluacion_wrapper .menu-tools li.active {
        background-color: #fff !important;
    }
    
    .evaluacion_wrapper .menu-tools li.active {
        border-bottom: 4px solid #4a90e2 !important;
        color: #4a90e2 !important;
    }
    
    .evaluacion_wrapper .menu-tools li:hover .menu-text,
    .evaluacion_wrapper .menu-tools li.active:hover .menu-text,
    .menu-theme-simple .menu-tools li.active:hover .menu-text {
        color: #4a90e2;
    }
    
    @media (max-width: 991px) {
        .gi-email .gi-email_apps {
            width: calc(100% - 50px);
            padding-right: 0 !important;
        }
        
        .gi-email .gi-email_menu_mini.is_necessary {
            display: none !important;
        }
    }



    .menu-theme-simple .menu-tools {
        width: calc(97%);
        background-color: #fff;
        padding-top: 20px;
        border-bottom: 1px solid #f7f7f7;
    }
    

    
    .tmpl_freeapp_content_class .universal-menu-wp .contentMenu.tmpl_freeapp_content_class {
        transform: translate(0px, 0) !important;
        padding-top: 0;
    }
    
    .tmpl_freeapp_content_class .SM-email-content {
        padding: 30px 0 30px 30px;
    }
    
    .email_apps_container {
        margin-right: 0 !important;
    }
    
    .encuest_list {
        list-style: none;
    }
    
    .encuest_list a {
        margin-right: 10px;
    }
    
    .SM-email-content-header .gi-email_new_mail .gi-email_to_wrapper {
        padding-right: 12px !important;
    }
    
    .SM-email-content-header .gi-email_new_mail .gi-email_to_wrapper .bt-add_list {
        width: auto !important;
        position: static !important;
        float: right !important;
    }
    
    .SM-email-content .gi-email .gi-email_bottom a.schedule-email,
    .SM-email-content .bt-save_tmpl,
    .SM-email-content .bt-save_tmpl:hover {
        color: #4a90e2;
        border-radius: 40px;
        border: 2px solid #4a90e2 !important;
        background-color: transparent;
    }
    
    .SM-email-content .gi-email .gi-email_bottom a.schedule-email i {
        color: #4a90e2;
    }
    
    .SM-email-content .gi-email .gi-email_menu ul li.active a {
        color: #4a90e2 !important;
    }
    
    
    
    
     ul.accordion .transition,
     ul.accordion .accordion_inner,
     ul.accordion li i:before {
      transition: all 0.25s ease-in-out;
    }
    
     ul.accordion .flipIn,
     ul.accordion li {
      animation: flipdown 0.5s ease both;
    }
    
     ul.accordion {
      list-style: none;
      perspective: 900;
      padding: 0;
      margin: 0;
    }
    
     ul.accordion li {
      position: relative;
      padding: 0;
      margin: 0;
      padding-bottom: 4px;
      display: list-item;
      transition: all 0.25s ease-in-out;
    }
    
    .accordion .accordion_single .app_title {
        padding: 10px 20px;
        display: inline-block;
        width: auto;
        font-size: 18px;
        margin-bottom: 0;
    }
    
    .accordion li .app_title strong {
        font-size: 16px;
        font-weight: 500;
    }
    
    .accordion .accordion_single i {
        
    }
    
     ul.accordion li i:before {
      color: #7cb3f5;
      font-size: 16px;
    }
    
     ul.accordion li i {
      transform: rotate(180deg);
      transition: all 0.25s ease-in-out;
    }
    
     ul.accordion li input[type=checkbox] {
      position: absolute;
      cursor: pointer;
      width: 100%;
      height: 40px;
      z-index: 1;
      opacity: 0;
    }
    
     ul.accordion li input[type=checkbox]:checked ~ .accordion_inner {
      margin-top: 0;
      max-height: 0;
      opacity: 0;
      transform: translate(0, 50%);
      display: none;
    }
    
     ul.accordion li input[type=checkbox]:checked ~ i {
      transform: rotate(0deg);
      transition: all 0.25s ease-in-out;
    }
    
     ul.accordion li input[type=checkbox] ~ .accordion_inner {
        padding-top: 20px;
        transition: all 0.25s ease-in-out;
    }
    
    @keyframes flipdown {
      0% {
        opacity: 0;
        transform-origin: top center;
        transform: rotateX(-90deg);
      }
      
      5% {
        opacity: 1;
      }
      
      80% {
        transform: rotateX(8deg);
      }
      
      83% {
        transform: rotateX(6deg);
      }
      
      92% {
        transform: rotateX(-3deg);
      }
      
      100% {
        transform-origin: top center;
        transform: rotateX(0deg);
      }
    }


    .accordion .accordion_inner {
        padding-right: 30px;
    }

    .accordion .accordion_inner .survey_link {
        border-radius: 4px !important;
        background-color: #f8f8f8 !important;
        color: #4d4d4d !important;
        border: 1px solid #ddd !important;
        margin-bottom: 10px;
        padding: 0 !important;
        display: inline-block;
        margin-right: 10px;
    }
    
    .accordion .accordion_inner .survey_link a {
        padding: 5px 8px 5px 16px;
        font-size: 14px;
        display: inline-block;
        text-transform: uppercase;
        text-decoration: none;
        cursor: -webkit-grab;
    }
    
    .accordion .accordion_inner .survey_link span {
        padding-left: 6px;
        border-left: 1px solid #ddd;
        padding: 5px 16px 5px 8px;
        font-size: 14px;
        display: inline-block;
        cursor: pointer;
    }
    
    .tmpl_cancel {
        border-radius: 25px;
        text-transform: uppercase;
    }
    
    
    
    
    .popupTitleBar {
        height: 42px;
    }
    
    .popupTitleContent {
        height: 22px;
    }
    
    .gi-email_listD {
        padding-top: 15px;
        padding-left: 25px;
        padding-right: 25px;
    }
    
    .gi-email_listD > h2 {
        display: none;
    }
    
    .list_info.tab-content span {
        font-family: 'SourceSansPro-Regular';
        font-size: 16px;
        color: #4d4d4d;
    }
    
    .gi-email_listD .list_info textarea {
        min-height: 50px;
    }
    
    .list_actions .bt-cancel {
        border-radius: 25px;
        text-transform: uppercase;
        margin-left: 10px;
    }
    
    .gi-email_bottom {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row-reverse;
        -webkit-justify-content: space-between;
        -webkit-align-items: center;
        -webkit-flex-wrap: wrap;
    }
    .accordion_inner .step {
        display: none;
        padding: 40px 0;
    }
    
    .accordion_inner .step.active {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
    }
    
    .accordion_inner .step {
        display: none;
       
    }
    
    .SM-email-content-header .accordion_inner div.step.oculto{
        
        display: none !important;
        
        
    }
    
    .SM-email-content p {
        padding: 4px 15px;
        font-size: 14px;
        line-height: 1.3;
    }
    
    
    

    .progress-steps {
      width: 100%;
      margin: 0;
      text-align: center;
    }
    .progress-steps .circle {
      display: inline-block;
      background: #fff;
      width: 40px; height: 40px;
      border-radius: 40px;
    }
    
    .progress-steps .circle .label {
        color: #9b9b9b;
        font-size: 14px;
        font-weight: 600;
        width: 40px;
        height: 40px;
        display: block;
        margin: 0 auto;
        border-radius: 50%;
        line-height: 40px;
    }
    
    .progress-steps .title {
        font-size: 13px;
        color: #9b9b9b;
        font-weight: 300;
        margin: 0;
        padding: 0;
        margin-top: 5px;
    }
    
    
    .progress-steps .circle.done {
        background: #25c5bc;
    }
    
    .progress-steps .circle.active {
        background: #63b5f7;
    }
    
    .progress-steps .circle.active ~ .title,
    .progress-steps .circle.done ~ .title {
        color: #4a4a4a;
        font-weight: 600;
    }
    
    .progress-steps .circle.done .label,
    .progress-steps .circle.active .label {
        color: #FFF;
    }
    
    
    
    

    .files-tree-container ul {
      list-style: none;
      padding: 0;
      margin: 0;
    }
    
    .files-tree-container a {
      text-decoration: none;
    }

    .files-tree-container {
      margin: 30px 15px;
      
    }
    
    .files-tree-container button {
      background-color: transparent;
      border: none;
      padding: 0;
    }
    .files-tree-container button:hover, .files-tree-container button:focus {
      outline: none;
    }
    .files-tree-list{
        
    }
    
    .files-tree-list .toggle-subfiles {
      cursor: pointer;
    }
    .files-tree-list .toggle-subfiles .toggle-icon .icon {
        display: inline-block;
        font-size: 20px;
        color: #9a9a9a;
        vertical-align: top;
        margin-right: 10px;
        line-height: 1.4;
    }
    .files-tree-list .toggle-subfiles .toggle-icon .opened {
      display: none;
    }
    .files-tree-list .toggle-subfiles .text-holder {
        font-size: 16px;
        line-height: 1.7;
    }
    .files-tree-list .toggle-subfiles .text-holder .icon {
      margin-right: 5px;
    }
    .files-tree-list .toggle-subfiles .text-holder .text {
      color: #424220;
      font-weight: 300;
    }
    .files-tree-list .toggle-subfiles .text-holder:hover {
      color: #424220;
    }
    .files-tree-list.active > .list-title .text-holder .text, .files-tree-list.active > .list-title .text-holder .icon {
      color: #424220;
      font-weight: 700;
    }
    .files-tree-list.active > .list {
      display: block;
      width: 100%;
    }
    .files-tree-list.active > .toggle-subfiles {
      margin: 8px 0;
    }
    .files-tree-list.active > .toggle-subfiles .toggle-icon .closed {
      display: none;
    }
    .files-tree-list.active > .toggle-subfiles .toggle-icon .opened {
      display: inline-block;
    }
    .files-tree-list .list {
      display: none;
      padding-left: 25px !important;
      border-left: 1px dotted #424220;
      margin-left: 10px !important;
    }
    .files-tree-list .list .file {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -webkit-align-items: center;
        box-sizing: border-box;
        border-bottom: 1px solid #eee;
        padding: 5px 0;
    }
    .files-tree-list .list .text-holder {
      font-size: 16px;
    }
    .files-tree-list .list .text-holder .icon {
        color: #4a90e2;
        margin-right: 10px;
        font-size: 18px;
        line-height: 1.4;
    }
    .files-tree-list .list .text-holder .text {
        color: #808080;
        font-weight: 300;
        line-height: 1.8;
        font-size: 14px;
        cursor: pointer;
    }
    .files-tree-list .list.active .file .text-holder .text {
      color: #424220;
    }
    
    .files-tree-list .group_name {
        width: 20%;
        min-width: 120px;
        display: inline-block;
    }
    
    .files-tree-list .group_name button {
        color: #4a4a4a !important;
        font-weight: normal !important;
    }
    
    .files-tree-list .group_info {
        width: 15%;
        min-width: 120px;
        display: inline-block;
    }
    
    .files-tree-list .group_info span {
        color: #808080;
        font-weight: 300;
        line-height: 1.8;
        font-size: 14px !important;
    }
    
    .files-tree-list .group_options {
        width: 60%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-justify-content: flex-end;
        -webkit-align-items: center;
        -webkit-flex-wrap: wrap;
    }

    .files-tree-list .add_questions,
    .files-tree-list .preview,
    .files-tree-list .send,
    .files-tree-list .sent_surveys{
        width: 25%;
        display: inline-block;
        color: #4a4a4a;
        font-weight: normal;
        font-size: 14px;
        line-height: 1.8;
    }
    
    .files-tree-list .preview,
    .files-tree-list .send {
        text-align: right;
        opacity: .7;
    }
    
    .files-tree-list .send i {
        font-size: 14px !important;
        color: rgb(134, 204, 147) !important;
    }


    
    
    .emails-container {
        width: 100%;
        padding: 0 15px;
    }
    
    .emails-container label,
    .emails-container #emails-form-input,
    .emails-container #emails-form-submit {
        display: block;
        margin-bottom: 20px;
    }
    
    .emails-container #emails-form,
    .emails-container .file-wrapper{
        padding: 15px;
    }
    
    .emails-container #emails-form-input {
        width: 100%;
        box-shadow: none !important;
        padding: 10px 12px !important;
        color: #666 !important;
        border: 1px solid #D2D2D2 !important;
        font-size: 14px;
    }
    
    .emails-container #emails-form-submit,
    .token_generator{
        margin: 0 auto;
    }
    
    .token_generator {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    
    .SM-email-content .col-right {
        border-left: 1px solid #ddd
    }
    
    
    
    
    .SM-email-content .encuestas-email-manager-container {
        width: 100%;
        padding: 0 30px;
    }
    
    .encuestas-email-manager-container.gi-email_bottom > label:nth-child(2) {
        display: none;
    }
    
    .gi-email_bottom {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
        display: -webkit-flex;
        -webkit-flex-direction: row;
        -webkit-justify-content: flex-end;
        -webkit-align-items: center;
    }
    
    .encuestas-email-manager-container .gi-email_new_mail .gi-email_bottom > label {
        margin-left: 30px !important;
    }
    
    .encuestas-email-manager-container .gi-email_new_mail .gi-email_bottom > label:nth-child(2),
    .encuestas-email-manager-container .gi-email_new_mail .gi-email_bottom > label:nth-child(3),
    .gi-email_mergetags .section-heading.more-margin,
    .gi-email_mergetags .gi-email_list_templates,
    .gi-email_mergetags .btn-sm.bt-save_tmpl
    {
        display: none;
    }
    
    .encuestas-email-manager-container {
        width: 100%;
    }
    
    .gi-email .gi-email_bottom .send-email {
        order: 1;
    }
    
    .gi-email .gi-email_bottom a.schedule-email {
        padding: 8px 45px;
        color: white;
        font-size: 14px !important;
        font-weight: 700;
        cursor: pointer !important;
        width: auto !important;
        height: auto !important;
        font-family: "Montserrat", Arial !important;
        border-radius: 0;
        margin-left: 10px;
    }
    .gi-email_bottom label input[type="checkbox"]{
        margin-right: 10px;
    }
    li[name=Workgroup_invitation],li[name=Suggestion],li[name=options] {    
        display: none !important;
    } 
    .gi-email_listD .list_info.tab-content {
        border: none !important;
        box-shadow: none !important;
    }
    
    
    
    .minisurvey-container {
        padding: 0 20px;
    }
    
    .panorama_column {
        padding: 0 !important;
    }
    
    .form-table-results > tbody > tr {
        display: flex;
        flex-direction: column;
        display: -webkit-flex;
        -webkit-flex-direction: column;
    } 
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}

.survey_details_actios {
    cursor: pointer;
}
.survey_details_actios:hover {
    cursor: pointer;
    color: #333;
    font-weight: 600;
}
.content__top--height {
    height: 40px;
    padding: 9px 15px 6px 15px;
}
a.actions__filter{
    cursor:pointer;
    margin: 0 5px;
}
.actions_tabs_container {
    display: block;
    margin-top: 15px;
    
}
a.actions__filter.active {
    
    font-weight: 700;
}



.profile-detailing span{
    float: right;
    position: relative;
    top: -31px;
    right: -23px;
        cursor: pointer;
}
.profile-detailing{
    width: 388px;
    padding: 42px 40px 0px 40px;
    background: #fff;
        -webkit-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    -moz-box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
    box-shadow: 6px 9px 20px 3px rgba(204,204,204,0.56);
}
.section-title h1{
    font-size: 21px;
    color: #1b2125;
    font-weight: 400;
    border-bottom: 1px solid #e4eaee;
    padding: 0 0 19px 0;
}
.section-title p{
    font-size: 14px;
    color: #848484;
    font-weight: 400;
    padding: 11px 0;
}
.panel-title{
    position: relative;
}
.panel-title > a {
    color: inherit;
    font-size: 14px;
    text-decoration: none;
    width: 100%;
    display: block;
}
.panel-title > a >img{
    float: right;
}
.panel-title > a.collapsed:before {
    content: url(../img/arrow.png);
    display: block;
    position: absolute;
    top: 0px;
    right: 10px;
    z-index: 999;
    transition: all 0.5s;
    transform: rotate(-88deg);
}
.panel-title > a:before {
    content: url(../img/arrow.png);
    display: block;
    position: absolute;
    top: 0px;
    right: 12px;
    z-index: 999;
    transition: all 0.5s;
}
.panel-default{
    border: none;
    border-top: 1px solid #e4eaee;
}
.panel-default > .panel-heading{
    background-color: transparent;
    padding: 17px 12px;
}
.panel-title h2{
    font-size: 14px;
    color: #7e7e7e;
    font-weight: 600;
    margin: 4px 0 0 0;
}
.panel1-title h2{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-transform: uppercase;
    margin: 17px 0 13px 20px;
}
.panel-terms li{
    list-style: none;
    display: block;
    position: relative;
    line-height: 25px;
}
.panel-terms li a{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-decoration: none;
}
.panel-terms {
    padding: 0 0 0 37px;
}
.panel-terms li:before{
    content: "";
    position: absolute;
    display: block;
    top: 5px;
    left: -18px;
    bottom: 0;
    right: 0;
    width: 7px;
    height: 7px;
    background: #ffd54f;
    border-radius: 50%;
}
.admin-name h3{
    font-size: 14px;
    color: #7e7e7e;
    font-weight: 600;
}
.admin-name p{
    font-size: 13px;
    color: #848484;
    font-weight: 400;
    text-transform: uppercase;
}
.panel-title-custom1 a{
    color: #63b5f7;
    font-weight: 600;
}
.panel-title-custom2 a{
    color: #ee6492;
    font-weight: 600;
}
.panel-title-custom3 a{
    color: #ffd54f;
    font-weight: 600;
}
body{
    position: relative;
}
.profile-detailing{
    position: absolute;
    top: 0;
    right: 0px;
    transition: all 1s;
    display: none;
    transition: all 1s;
}
.profile-detailing-show{
    right: 0px;
    display: block;
    transition: all 1s;
}
.profile-detailing-hide{
    display: none;
    transition: all 1s;
}
.margin-right{
    margin-right: 10px;
}
.dropdown-menu {
    width: 333px;
    top: 176%;
}
@media (max-width: 768px) {
.dropdown a {
    font-size: 14px;
    }
.navbar-brand > img {
    display: block;
    width: 100px;
    height: 30px;
    }
.nav > li {
    display: inline-block;
}
.actions {
    display: inline-block;
}
.dropdown {
    padding: 6px 0 22px 18px;
}
.plan-de-section h1 {
        width: 100%;
        text-align: center;
            padding: 8px 0 1px 0;
    margin-bottom: 0;
    }
    .plan-de-section ul {
    text-align: center;
    margin: 10px 0px 16px 0;
    width: 100%;
    }
    .plan-de-section ul {
        padding: 0;
    }
    .plan-de-head h1 {
    font-size: 20px;
    padding: 0 0 24px 32px;
    text-align: left;
}
.gruder-btn, .gruder-btn:hover {
    float: none;
        margin: 15px 0 0 0;
    }
.plan-de ul li {
    text-align: left;

    }
     .plan-de-mojo-active p:before {
        height: 0px;
    }
    .signature-list-custom {
        margin: 0 30px 47px;
    }
    .signature-list-custom1 {
    margin: 0 29px;
}
.footer-para {
    margin: 35px 0 12px 26px;
    text-align: left;
    }
    a.btn.btn-default.signature-btn {
        float: none;
        margin: 12px 20px 25px 26px;
    }
    ul.nav.nav-tabs li {
        width: 100%;
    }
    .profile-detailing {
        width: 300px;
        padding: 42px 20px 0px 20px;
    }
    .signature-list-custom {
        margin: 0px 30px 0 53px;
    }
    .signature-list-custom1 {
        margin: 0 28px 0 53px;
    }
    .profile-detailing span {
        right: 0px;
    }
}
@media (min-width: 768px) {
.dropdown a {
    font-size: 14px;
    }
     .plan-de-mojo-active p:before {
        height: 0px;
    }
     .signature-list-custom {
        margin: 0px 30px 0 53px;
    }
.signature-list-custom1 {
    margin: 0 28px 0 53px;
}
}
@media (min-width: 992px) {
.dropdown a {
    font-size: 20px;
    }
     .plan-de-mojo-active p:before {
        height: 2px;
    }
.signature-list-custom1 {
    margin: 0 28px 0 0;
}
}
@media (min-width: 1200px) {
.dropdown a {
    font-size: 20px;
    }
    .plan-de-mojo-active p:before {
        height: 2px;
    }
    .signature-list-custom {
    margin-left: 60px;
}
.signature-list-custom1 {
    margin-right: 24px;
}
}



.progress {
    margin: 0;
    height: 30px;
}
.pros{
    width: 0;
    height: 15px;
    
    margin-top: 15px;
    transition: all 1s;
}

.in.active .pros{
     width: 100%;
}

.tab-pane.active {
    animation: slide-down .5s ease-out;
}

@keyframes slide-down {
    0% { opacity: 0; transform: translateY(30%); }
    100% { opacity: 1; transform: translateY(0); }
}

div#page1 {
    background:#fff;
        overflow: hidden;
}
div#page2 {
        background:#fff;
   
   display:none;
    overflow: hidden;
}
div#page2.pActive{
    height: 100%;
}
div#page1.ipActive{
    height: 0;
}
.plan-de-section {
    overflow: hidden;
}

button#close {
    position: relative;
    float: left;
    border: none;
    outline: none;
    background: transparent;
    width: 56px;
    height: 50px;
}
#close:before {
    content: url(../img/arrow-left.png);
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    top: 25px;
    left: -2px;
}


#myChart a {
    display: none;
}

.zc-ref {
    display: none;
}

.grp_items{

    text-align: center;
    overflow: hidden;
}

ul.count{
    clear: both;
}
ul.count li:last-child:after {
    content: "";
    display: block;
    clear: both;
}
ul.count1{
    margin-top: 10px;
    overflow: hidden;
}

ul.count.count1 li {
    opacity: 0.5;
    font-family: 'Montserrat', arial;
    font-weight: 700;
    color: #222 !important ;
    letter-spacing: 0.4px;
    text-align: center;
    font-size: 12px;
    line-height: 1.4;
}
ul.count.count2 li {
    opacity: 0.5;
    font-family: 'Montserrat', arial;
    color: #453937;
    letter-spacing: 0;
    text-align: center;
}
ul.count li{
    width: 25%;
    float: left;
    display: block;
    text-align: center;
    font-size: 12px;
}
ul.count li img {
    width: 25px;
}
ul.count.count1 li{
    font-weight: 700;
    color: #646464;
}
.col-md-3:last-child .grp_items{
    border-right: none;
}
.grp_items h3{
    font-size: 16px;
    font-weight: 600;
    color: #636363;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
}
.inner_items{
    text-align: center;
}
.inner_items h4, .ai_items h4{
    font-weight: 600;
    color: #636363;
    margin: 20px 0 10px;
    text-align: center;
    font-size: 14px;
}
.inner_items h2, .ai_items h2{
    font-weight: 700;
    color: #4a4a4a;
    font-size: 30px;
    line-height: 1;
    padding: 0;
    font-family: 'Montserrat', arial;
    font-weight: 700;
    margin:0;
}
.inner_items h2 sub,  .ai_items h2 sub{
    font-weight: 400;
    color: #9b9b9b;
    font-size: 16px;
}
.inner_items span,  .ai_items span{
    font-weight: 400;
    color: #9b9b9b;
    font-size: 16px;
}

.inner_items p, .cp{
    font-weight: 600;
    color: #636363;
    font-size: 12px;
    border-top:2px dotted #ddd;
    margin-top:10px;
    padding: 0;
    padding-top: 20px !important;
}

.ai_items {
    margin-left: -10px;
    margin-right: -10px;
}
.ai_items .box {
    width: 50%;
    float: left;
}
.ai_items h2{
    display: inline-block;
    float: left;
    margin-right: 5px;
}
.ai_items p{
    display: inline-block;
    padding: 0;
}
.ai_items span{
    display: inline-block;
}
#b1, #b2{
    background: #fff;
    padding-bottom: 11px;
    margin-bottom: 15px;
}


.comment_box {
    background: #fff;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
}
.comment_box{
    padding-bottom: 15px;
}
.comment_box h3{
    height: 40px;
    margin:0;
    padding: 10px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    color: #636363;
    text-align: left;
}
.comment_box .scroll_area {
    
    padding-top: 15px;
    padding-bottom: 15px;
    margin-top: 0;
    height: auto;
}

.comment_box .scroll_area ul.ul_scroll{
    margin: 0;
    text-align: left;
    display: inline-block;
    overflow-y: scroll;
    margin-left: 0 !important;
    padding-left: 20px !important;
    width: 100%;
}

.comment_box .scroll_area ul::-webkit-scrollbar-track {
	background-color: #fff;   
}

.comment_box .scroll_area ul::-webkit-scrollbar {
    width: 16px;
	background-color: #fff;
}

.comment_box .scroll_area ul::-webkit-scrollbar-thumb {
    background-color: #d9d9d9;
	border: 5px solid #fff;
	border-radius: 20px;
}

.comment_box .scroll_area ul li{
    font-size: 12px;
    color: #646464;
    position: relative;
    font-weight: 400;
    line-height: 1.3;
    padding: 4px 14px;
}
.comment_box .scroll_area ul li span{
    color: #d0021b;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
}
.comment_box .scroll_area ul li p{
    margin: 0;
    font-size: 12px;
    color: #646464;
    font-weight: 400;
    line-height: 1.3;
}
.comment_box .scroll_area ul li:before{
    height: 4px;
    width: 4px;
    background: #646464;
    border-radius: 100%;
    content: "";
    position: absolute;
    left: 0px;
    top: 10px;
}
.comment_box .comment_icon{
    float: left;
    text-align: center;
    width: 100%;
}
.icon_box{
    border-bottom: 1px solid #ddd;
    margin-right: 7px;
    padding: 9px 0;
}
.icon_box:last-child{
    border-bottom: none;
}
.icon_box h2{
    margin:0;
    font-size: 40px;
    font-family: 'Montserrat', arial;
    font-weight: bold;
    padding:0;
    line-height: 1;
    color: #4a4a4a;
}
.icon_box span{
    font-size: 14px;
    font-weight: normal;
    line-height: 1.14;
    color: #9b9b9b;
}
.icon_box p{
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
}



#ul.ap_area {
    margin: 0;
    padding: 0;
}
#b3{
    padding: 0;
}
#b3 .col-md-4{
    padding-right: 0px;
}

ul.ap_area {
    margin: 0;
    padding: 0 5px;
    
}
ul.ap_area{
    margin-left: 10px !important;
}

ul.ap_area li{
    margin-bottom: 10px;
    display: block;
    text-align: left;
    cursor: pointer;
    padding-left: 40px;
}
ul.ap_area li:first-child{
    background: #f1f1f1;
}
ul.ap_area li p{
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #4a4a4a;
    line-height: 26px;
    position: relative;
}
ul.ap_area li p:before{

    width: 15px;
    height: 15px;
    
    position: absolute;
    left: -25px;
    top: 2px;
}
ul.ap_area li p.p1:before{
    content:  url("/app/ac6bd8f256a4cd95effdd95c79d70f0b0a3e439f45a11c6d3b9429bcb39fae5a68a77bce979fa71521a291bd6118789728bd28edff08131548cad934f4c725a563e0e0863b2a1529312055/");
}
ul.ap_area li p.p2:before{
    content:  url("/app/2b1a91a964563376257fd84c923026f7f85a40d20baae55e329c6c5eab0a560ac02ee9aa225a053685ced5bd20e8ff485fb14b8d6081d8607470d7864a9a03ff6b773b40c6a21529311978/");
}
ul.ap_area li p.p3:before{
    content:  url("/app/781219c877ad2044d0c203f12c9f509b30619789186d8c74f754e217db917f39a6d219ce15ccd620d9883684112cbfd922188b3d7e61bc1963fc62402146fd8f144efb145f2a1529312061/");
}
ul.ap_area li p.p4:before{
    content:  url("/app/1a69940914e9dbab33e849fecbca4676ae080d7fb610a6afd1b81d1a0859d82cf9c20dc0cf84dc423de75047db7e62d6e2811f32d7dba81514c785a90d4d27a2a5502fe6de421529312039/");
}
ul.ap_area li p.p5:before{
    content:  url("/app/a076b075c741e633dc9f6a84e70b845b827383ccb7220bd35e703ff27bb25fe767619326b6792b5647ca86e9cc35930bc2a40f8cb17dcb8d4377f6dc11c1b7f5e6ef0f6ca8531529311987/");
}
.ambitos-indicators-detail h3{
    margin:0;
    padding: 10px;
    line-height: 1;
    color: #636363;
}
.info_box {
    width: 50%;
    float: left;
    border-right: 1px solid #ddd;
}

.info_box > div{
    float: left !important;
    display: inline-block !important;
    width: 50% !important;
    min-width: auto !important;
    margin: 0 !important;
    box-shadow: none !important;
}

.info_box:last-child{
    border-right: none;
}
.info_box .alert{
    width: 40%;
    float: left;
    padding: 0;
    margin: 0;
}
.info_box .alert img{
    max-width: 90%;
}
.info_box .info{
    width: 60%;
    float: left;
}
.info_box .info h2{
    font-weight: 700;
    color: #4a4a4a;
    font-size: 30px;
    line-height: 1;
    
    margin: 0;
}
.info_box .info h2 sub{
    font-weight: 400;
    color: #9b9b9b;
    font-size: 16px;
}
.info_area {
    display: block;
    border-top: 2px dotted #ddd;
    padding: 10px 0;
    overflow: hidden;
}
.info_box .info p{
    padding: 0 !important;
    font-size: 11px;
}

.main_grp {
    background: #fff;
    margin-left: 15px;
    padding: 15px 77px;
}

@media (min-width: 1200px){
    .container {
        width: 1300px;
    }
}

@media (min-width: 1360px){
    .comment_box h3{
        height: auto;
    }
}




#b1, #b2, #b6,
.comment_box,
.main_grp{
    background: #fff;
    border: 1px solid #D8D8D8;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
    -moz-box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,0.21);
    padding:0;
    margin-bottom:0px !important;
}

#dashboard{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

#dashboard #b1 .col-md-3{
    padding-right: 0;
}

.ai_items .box{
    clear: none;
    margin: 0;
}

.main_grp{
    margin: 0;
}

#b2 > div,
#b8 .col-md-7{
    padding: 0;
}

#b6{
    margin-bottom:30px;
    padding: 10px 0 20px;
}

.tab-pane{
    display: block !important;   
}

.tab-pane.active{
    display: block !important;   
}

#b8 .col-md-5{
    padding-right: 0;
    padding-left: 30px;
}

.number_block{
   height: 60px;
   padding-top: 10px;
}

#statusBtn{
    margin-bottom: 20px !important;
}

#statusBtn .calender-img{
    padding: 4px 3px 3px 0;
}

#myTab{
    margin: 0 !important;
    margin-right: 0 !important;
    width: 100%;
}

#myTab.nav.nav-tabs li{
    padding: 0px 2px;
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    float: left;
}

.tabBtnDash{
    font-size: 14px !important;
    color: #4a4a4a !important;
    font-weight: 600 !important;
    cursor: pointer;
    border-bottom: 2px solid #ddd;
    padding: 15px 0px !important;
    margin-bottom: 10px !important;
}


.tabBtnDash.active{
    border-bottom: 2px solid #4c8de2;
}

#b6 .ai_items {
    margin-left: 0 !important;
    margin-right: 0 !important;
}






 

*{
    padding: 0px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    margin: 0px;
    box-sizing: border-box;
    border: 0px;
    text-transform: none;
    list-style: none;
}
img{
    max-width: 100%;
}

    @mixin boton_basica{
        -webkit-transition:
        color .3s ease-out,
        background-color .3s ease-out,
        background .3s ease-out,
        border .3s ease-out,
        transform .1s ease-in-out;
        cursor: pointer;
        transition:
        border .3s ease-out,
        color .3s ease-out,
        background-color .3s ease-out,
        background .3s ease-out,
        transform .1s ease-in-out;
    }
    @mixin clearfix{
      &::after {
        display: block;
        content: "";
        clear: both;
      }
    }





    @mixin boton{
        display: inline-block;
        color: white;
        padding: 10px 30px;
        border-radius: $b_radius_gen;
        text-align: center;
        letter-spacing: .5px;
        font-size: 14px;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
    }
    






    
    $cantidad_columnas: 24;
    $breakpoint_1: 1024 + 'px';
    $breakpoint_2: 540 + 'px';
    $padding-colu: 15px;
    $b_radius_gen: 0px;
    $sombra_general: 1px 3px 5px 1px rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);


    $c_primario: #4b8cf5;
        $c_primario_hover: #4ba7f5;
    $c_secundario: green;
        
    $c_terciario: red;
        $c_terciario: red;


    $tamaño_columna: (100 / $cantidad_columnas) + 0%;







    @for $i from 1 to ($cantidad_columnas + 1){
        .colu-#{$i}{
            width:  ($tamaño_columna * $i);
        }
    }
     @for $i from 1 to ($cantidad_columnas + 1){
        .colu-s-#{$i}{
            @media (max-width: $breakpoint_1){
                width:  ($tamaño_columna * $i);
            }
            
        }
    }
    @for $i from 1 to ($cantidad_columnas + 1){
        .colu-xs-#{$i}{
            @media (max-width: $breakpoint_2){
                width:  ($tamaño_columna * $i);
            }
            
        }
    }
    







    .fila-flex{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        [class*="colu-"]{
            float: none;
        }
    }
    .fila-flex.jc-center{
        justify-content: center;
    }
    .fila-flex.jc-between{
        justify-content: space-between;
    }
    .fila-flex.jc-around{
        justify-content: space-around;
    }
    .fila-flex.jc-start{
        justify-content: flex-start;
    }
    .fila-flex.jc-end{
        justify-content: flex-end;
    }
    .fila{
        @include clearfix;
        [class*="colu-"]{
            float: left;
        }
    }
    [class*="al-ver"],
    [class*="al-hor"],
    [class*="centrar"],
    [class*="inicio"],
    [class*="final"]{
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .centrar{
        justify-content: center;
        -ms-flex-align: center!important;
        align-items: center!important;
        margin: 0 auto;
    }
    .inicio{
        -ms-flex-align: start!important;
        align-items: flex-start!important;
        
    }
    .final{
        justify-content: flex-end;
        -ms-flex-align: end!important;
        align-items: flex-end!important;
    }
    .al-ver-inicio{

        -ms-flex-align: start!important;
        align-items: flex-start!important;
    }
    .al-ver-centrar{
        -ms-flex-align: center!important;
        align-items: center!important;
    }
    .al-ver-final{

        -ms-flex-align: end!important;
        align-items: flex-end!important;
    }
    .al-hor-inicio{
        justify-content: flex-start;
    }
    .al-hor-centrar{
        justify-content: center;
    }
    .al-hor-final{
        justify-content: flex-end;
    }
    [class*="colu-"]{
        
        padding-left: $padding-colu;
        padding-right: $padding-colu;
    }
    .n-pad{
        padding-left: 0px;
        padding-right: 0px;
    }
    .flex{
        display: flex;
    }



    .mt-10{
        margin-top: 10px;
    }
    .mb-10{
        margin-bottom: 10px;
    }
    .ml-10{
        margin-left: 10px;
    }
    .mr-10{
        margin-right: 10px;
    }


    .btn-principal{
        @include boton;
        @include boton_basica;
        background-color: $c_primario;
        border: 2px solid $c_primario;
        &:hover{
            background: $c_primario_hover;
            border: 2px solid $c_primario_hover;
        }
    }
    .hv-claro{
        
    }
    .btn-secundario{
        @include boton;
        @include boton_basica;
        background-color: white;
        color: $c_primario;
        border: 2px solid $c_primario;
        &:hover{
            background: $c_primario;
            color: white;
        }
    }
    .ef-clic-crece{
        &:active{
          transform: scale(1.025);
        }
    }
    .btn-redondo{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #4b8cf5;
        color: white;
        box-shadow: $sombra_general;
        -webkit-box-shadow: $sombra_general;
        cursor: pointer;
        display: inline-flex;
    }
    
    .menu-desplegable{
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
        position: absolute;
        padding: 0px 50px 0 0;
        overflow: hidden;
        opacity:0;
        transform-origin: right top 0px; 
        -webkit-transform-origin: left top 0px; 
        transform: scale(0);
        -webkit-transform: scale(0);
        transition: all .2s ease;
        background: white;
        li{
            padding: 10px;
        }
        
    }
    .menu-desplegable li{
        opacity: 0;
        -webkit-transition: all 0.3s ease;
        transform: translateY(-30%);
    }
    
    .menu-desplegable.activo{
        transform: scale(1);
        opacity: 1;
    }
    .menu-desplegable.activo li{
        opacity: 1;
        transform: translateY(0);
    }
    
    
    .ef-clic-onda-container {
      position: absolute;
      left: 0;
      top: 0;
      height: 0;
      width: 0;
      pointer-events: none;
      overflow: hidden;
    }
    
    .ef-clic-onda-effect {
      margin-top: 0px;
      margin-left: 0px;
      width: 1px;
      height: 1px;
      background-color: rgba(0, 0, 0, 0.033);
      transition: all 0.6s cubic-bezier(0.6, 0, 0.2, 1);
      border-radius: 50%;
      pointer-events: none;
    }
    
    .ef-clic-onda-effect.claro {
      background-color: rgba(255, 255, 255, 0.15);
    }
    
    .ef-clic-onda-effect.oscuro {
      background-color: rgba(0, 0, 0, 0.075);
    }
    
    contenedor-popup.activo .capa-popup{
        position: fixed;
        background: rgba(0, 0, 0, 0.3);
        height: 100vh;
        width: 100vw;
        top: 0px;
        left: 0px;
    }
    .contenedor-popup.activo{
        position: fixed;
        
    }
     
.final_p {
  text-align: center;
  margin-top: 80px;
}
.final_p_title, .final_p_text, .final_p_img {
  margin-bottom: 40px;
}
.final_p_title {
  font-size: 30px;
  font-family: "Montserrat", Arial;
  font-weight: 700;
  line-height: 40px;
}
.final_p_text {
  font-size: 20px;
  line-height: 30px;
  font-family: "Montserrat", Arial;
}
.final_p_img {
  max-width: 80px;
  max-height: 60px;
}
 
.btn_principal,
.btn.btn-primary,
.button__bottom,
.main-wrapper .btn-outline,
.gruder-btn,
.button-save,
.button_big_blue {
  padding: 8px 45px;
  color: white;
  font-size: 14px !important;
  font-weight: 700;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  font-family: "Montserrat", Arial !important;
  background: #86CC93 !important;
  border: 1px solid #86CC93 !important;
  border-radius: 0px !important;
}

.btn.btn-default,
.btn-default {
  padding: 8px 45px;
  color: #86CC93;
  font-size: 14px !important;
  font-weight: 700;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  font-family: "Montserrat", Arial;
  background: white !important;
  border: 1px solid #86CC93 !important;
  border-radius: 0px !important;
}

.wrapper-form-multimedia-buttons .btn.btn-default {
  padding: 8px 20px;
}

.button-delete {
  padding: 8px 45px;
  color: #dc3f3f;
  font-size: 14px !important;
  font-weight: 700;
  cursor: pointer !important;
  width: auto !important;
  height: auto !important;
  font-family: "Montserrat", Arial !important;
  background: white !important;
  border: 1px solid #dc3f3f !important;
  border-radius: 0px !important;
}

.bt_assistant {
  margin-top: 5px;
}
 




.sol_header {
  height: 80px;
}
.sol_header .container-fluid {
  padding: 0px !important;
}
@media screen and (max-width: 540px) {
  .sol_header {
    position: absolute;
    top: 0;
    left: calc(50% - 190px);
    z-index: 1;
    padding: 20px 30px 0;
  }
}
@media screen and (max-width: 540px) {
  .sol_header_logo {
    width: 100%;
  }
}
.sol_header_logo img {
  width: 100%;
}
@media screen and (max-width: 540px) {
  .sol_header_logo_big {
    display: none;
  }
}
.sol_header_logo_small {
  display: none;
}
@media screen and (max-width: 540px) {
  .sol_header_logo_small {
    display: block;
  }
}
   

@charset "UTF-8";
.sol_body_main {
  padding: 7% 100px 14%;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (min-width: 1024px) and (max-width: 1570px) {
  .sol_body_main_wp {
    margin: 0 auto;
    width: fit-content;
  }
}
@media screen and (min-height: 700px) and (min-width: 971px) {
  .sol_body_main {
    height: calc(100vh - 80px);
  }
}
@media screen and (max-width: 1240px) {
  .sol_body_main {
    padding: 8% 30px 24%;
  }
}
@media screen and (max-width: 970px) {
  .sol_body_main {
    padding: 50px 30px 50px;
  }
}
@media screen and (max-width: 540px) {
  .sol_body_main {
    padding: 100px 30px 0px;
    height: 100vh;
    min-height: 600px;
  }
}
@media screen and (max-width: 540px) {
  .sol_body_main_text {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1570px) {
  .sol_body_main_text {
    position: relative;
    float: left;
  }
}
.sol_body_main_text p, .sol_body_main_text h2 {
  color: white;
  max-width: 475px;
  line-height: 33px;
}
@media screen and (max-width: 970px) {
  .sol_body_main_text p, .sol_body_main_text h2 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
  }
}
.sol_body_main_text h2 {
  font-family: "Montserrat", Arial;
  font-weight: bold;
  font-size: 50px;
  line-height: 1.2em;
}
@media screen and (max-width: 1240px) {
  .sol_body_main_text h2 {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .sol_body_main_text h2 {
    font-size: 24px;
  }
}
.sol_body_main_text p {
  margin-top: 30px;
  font-family: "Montserrat", Arial;
  font-size: 20px;
}
@media screen and (max-width: 1240px) {
  .sol_body_main_text p {
    font-size: 18px;
  }
}
@media screen and (max-width: 540px) {
  .sol_body_main_text p {
    display: none;
  }
}
.sol_body_main_text_sub-title {
  margin-bottom: 10px;
  font-size: 14px !important;
}
.sol_body_main_logo {
  width: 100px;
  height: 80px;
  margin-bottom: 30px;
}
@media screen and (max-width: 970px) {
  .sol_body_main_logo {
    margin: 0 auto;
    border: 1px solid white;
  }
}
.sol_body_main_logo img {
  width: 100%;
}
.sol_body_main_login {
  position: absolute;
  top: 70px;
  left: 730px;
}
@media screen and (min-width: 1024px) and (max-width: 1570px) {
  .sol_body_main_login {
    position: relative;
    float: left;
    margin-top: 0px !important;
    top: auto;
    left: auto !important;
    right: auto;
    margin-left: 100px !important;
  }
}
@media screen and (min-width: 1570px) {
  .sol_body_main_login {
    left: 50%;
    margin-left: -190px;
  }
}
@media screen and (max-width: 1240px) {
  .sol_body_main_login {
    left: 50%;
    margin-top: 20px;
  }
}
@media screen and (max-width: 970px) {
  .sol_body_main_login {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
  }
}
.sol_body_main_login .gi-system {
  width: 380px;
}
@media screen and (max-width: 970px) {
  .sol_body_main_login .gi-system {
    margin: 0 auto;
    max-width: 380px;
    min-width: 380px;
  }
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system {
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
  }
}
.sol_body_main_login .gi-system-colors {
  display: none;
}
.sol_body_main_login .gi-system-body {
  width: 100%;
  max-width: 100%;
  border: 0px !important;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-body {
    background-color: transparent;
    border: 0px;
  }
}
.sol_body_main_login .gi-system-content {
  padding: 40px 20px;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-content {
    padding: 40px 0;
  }
}
.sol_body_main_login .gi-system-body {
  border-radius: 5px !important;
}
.sol_body_main_login .gi-system-content::before {
  content: "¡Hola!";
  font-family: "Montserrat", Arial;
  font-size: 30px;
  font-weight: bold;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  color: black;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-content::before {
    display: none;
  }
}
.sol_body_main_login .gi-system-content form::before {
  content: "Introduce tus datos de acceso";
  font-family: "Montserrat", Arial;
  font-weight: lighter;
  font-size: 20px;
  width: 100%;
  display: block;
  position: relative;
  text-align: center;
  margin-bottom: 40px;
  color: #666666;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-content form::before {
    color: white;
    font-size: 16px;
    transform: translateY(-45px);
  }
}
.sol_body_main_login .gi-system-recover {
  text-align: right;
  margin-bottom: 66px;
  font-family: "Montserrat", Arial;
  text-decoration: underline;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-recover {
    color: white !important;
    margin-bottom: 40px;
  }
}
.sol_body_main_login .gi-system-submit {
  width: 200px;
  background-color: #ED1B2F !important;
  margin: 0 auto;
  display: block;
  border: 0px !important;
  font-family: "Montserrat", Arial;
  font-weight: bold;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-submit {
    width: 100%;
    font-size: 20px;
  }
}
.sol_body_main_login .gi-system-submit:hover {
  background: #ED1B2F !important;
}
.sol_body_main_login input {
  border-radius: 5px !important;
  border: 1px solid #707070 !important;
}
.sol_body_main_login input::-webkit-input-placeholder {
  
  color: transparent;
}
.sol_body_main_login input:-moz-placeholder {
  
  color: transparent;
}
.sol_body_main_login input::-moz-placeholder {
  
  color: transparent;
}
.sol_body_main_login input:-ms-input-placeholder {
  
  color: transparent;
}
.sol_body_main_login .gi-system-pholder-ie8 {
  display: block !important;
  font-family: "Montserrat", Arial !important;
  color: #666666 !important;
  font-size: 14px;
}
@media screen and (max-width: 540px) {
  .sol_body_main_login .gi-system-pholder-ie8 {
    color: white !important;
  }
}
.sol_body_main_login .gi-system-user {
  margin-bottom: 20px !important;
  font-family: "Montserrat", Arial !important;
  color: #666666 !important;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset !important;
}
   

@media screen and (max-width: 540px) {
  .sol_footer {
    display: none;
  }
}
.sol_footer_main {
  max-width: 800px;
  margin: 0 auto;
  min-height: 80px;
  padding: 30px 0;
  box-sizing: border-box;
}
.sol_footer_main div {
  width: 20%;
  text-align: center;
  float: left;
}
.sol_footer_main div a {
  font-size: 14px;
  color: #333333;
  font-family: "montserrat", arial;
  font-weight: lighter;
}

.landing_page_footer_wp > .row {
  padding: 0px 100px;
}
@media screen and (max-width: 1240px) {
  .landing_page_footer_wp > .row {
    padding: 0px 30px;
  }
}
   

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  box-sizing: border-box;
}

.sol_wp {
  padding: 0px 0px;
}
@media screen and (max-width: 540px) {
  .sol_wp {
    padding: 0px;
  }
}

.navbar {
  border: 0px;
}

.modal_cookie {
  background-color: transparent;
}

.modal_cookie {
  position: fixed !important;
  width: 100% !important;
  height: 100vh !important;
  right: 0 !important;
  background-color: transparent !important;
  transform: rotate(180deg) !important;
  padding-top: 0px !important;
}

.modal_cookie-content {
  width: 100% !important;
  transform: rotate(180deg) !important;
}
.modal_cookie-content h1 {
  color: #1A6CA0 !important;
  font-size: 18px !important;
  font-family: "montserrat" !important;
  font-weight: 600 !important;
}
.modal_cookie-content p {
  font-family: "montserrat" !important;
  line-height: 18px !important;
  color: #666666 !important;
}

.cokkiesmainContent {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
}
.cokkiesmainContent .mainHeader,
.cokkiesmainContent .mainContent.basicConfiguration {
  max-width: 660px;
}

@media screen and (min-width: 850px) {
  .cookieBoxok {
    width: fit-content;
    height: 40px;
    position: absolute;
    top: 46px;
  }
}

.sol_body_main_text h2 {
  line-height: 1.2em;
}

.extraconfig {
  display: none;
}

.btn.btn-default.cookieBoxok {
  height: auto !important;
  padding: 12px 48px !important;
  background: #86CC93 !important;
  border: 1px solid #86CC93 !important;
  color: white !important;
  font-weight: 600;
  border-radius: 0px !important;
  font-family: "montserrat";
  top: 38px;
}
   

.btn-sendResultsReport{
    
}


.lang_drop input, .traslates_container #advanced_filter_layer,  .lang_ru, .lang_de, .lang_it, .lang_fr, .lang_pl, .lang_ja, .lang_ar,  .lang_br{
    display:none !important;
    
}

span.no-indicators {
    margin: 50px 0;
    display: block;
    text-align: center;
    color: #E40521;
}

h2.applicable-profiles-text {
    color: #666;
    background: #e9e9e9;
    padding: 10px;
    font-size: 14px;
}

.getListofSurveybyEntidad span.info_generate_token {
    border: 1px solid #c1c1c1;
    width: 100%;
    display: block;
    padding: 10px 6px;
    margin-top: 20px;
    background: #f1f1f1;
}

#detailsTableIndicators_options .download_xls_view_container{ display:none }

#directoryView span.solution_single {
    line-height: 1.5;
    display: inline-block;
    background: #ececec;
    padding: 2px 11px;
    border-radius: 20px;
    color: #999;
    font-size: 12px;
    margin: 0 0px 0 10px;
}
#directoryView span.solution_single.solution_not_solution_alert, .solutions_wp span.solution_single.solution_not_solution_alert{
        background: #ff0000a1;
        color: #fff;
    
}
#directoryView span.solution_single.solution_not_solution_warning, .solutions_wp span.solution_single.solution_not_solution_warning{
        background: #ffa500a1;
        color: #fff;
    
}

.lang_drop li.li_lang {
    margin-left: 15px;
}

p.send_pei_disabled {
    background: #EEEEEE;
    padding: 5px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    box-sizing: border-box;
}
.sumplato_header {
    margin: 10px;
}
.form-aml-panorama{
    overflow:auto;
}
.table_options_floating_menu{
    display:none !important;
}
.cq_question_110407,.cq_question_110415,.cq_question_110416,.cq_question_110592{
	display:none !important;
}
.gi-email_to_wrapper .fa-times{
    display:none !important;
}
input[name=no_email],.text_no_email, .adc_new_alumn .adc_text{    
    
} 

input[name=qapp_name], textarea[name=qapp_description], .core_qapp .cq_title:nth-child(4), .core_qapp .cq_title:nth-child(2), .imw-step5_title, .imw-step5_content .imw-invitations_table tr th:nth-child(4),.imw-step5_content .imw-invitations_table tr th:nth-child(5), .imw-step5_content .imw-invitations_table tr td:nth-child(4),.imw-step5_content .imw-invitations_table tr td:nth-child(5),.imw-step5_content .imw-invitations_table .mw-btn_row_create{    
    display:none !important;
}

.documemyd-download-wrapper {
    display: grid;
    width: 100%;
}


.user-wrapper .profile_expert_profile,
.user-wrapper .profile_social_activity,
#user_cv_language, 
#user_cv_timezone{

	display:none;
}


.row.user-header.soft-shadow-2, .row.lp_corporate-colors.soft-shadow {
    margin-left: -45px;
}

#fa700-userprofile {
    margin-right: 0 !important;
}


#lightbox_main .pop_header h2{
    font-size: 18px;
    color: #1dcfc3;
    margin-bottom: 18px;
    margin-left: -15px;
}

#lightbox_main .title{
    color: #1dcfc3;
    font-size: 12px;
}

#lightbox_main .margin-input{
    margin: 10px 0 15px;
}

#lightbox_main input{
    border: 1px solid lightgrey;
    border-radius: 3px;
    width: 100%;
    padding: 5px 10px;
    cursor: auto;
}

#lightbox_main input:hover,
#lightbox_main input:focus{
    border: 1px solid #8eb7ef !important;
    box-shadow: 0px 0px 3px 1px #aecaef !important;
}

#lightbox_main .pop_footer{
    margin-top: 30px;
}

#lightbox_main .btn.btn-primary{
    padding: 8px 40px;
    border-radius: 3px !important;
    background-color: #7f8c8d !important;
    border-color: #7f8c8d !important;
}

#lightbox_main .btn.btn-primary:hover{
    background-color: #b4b9ba !important;
    border-color: #b4b9ba !important;
 }

.popupTitleBar .popupOptionsDiv img:first-child{
	
}


.fa.fa_showDetailsDimention {
    margin-left: 10px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
    top: 2px;
    color: #8c8c8c;
    border: 2px solid #989898;
    border-radius: 50%;
    padding: 5px;
    width: 25px;
    height: 25px;
}
.dimention_information_description {
    line-height: 1.5em;
    letter-spacing: -0.01em;
    padding: 0 12px;
}




.tag-input {
  padding: 0;
  border: 1px solid transparent;
  border-radius: 1rem;
  font-size: 0.75rem;
  outline: none;
  width: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.tag-input.active {
  padding: 0.3rem 1rem;
  width: auto;
  border: 1px solid #CACAC9;
}
.toggle,
.add,
.cancel {
  border: none;
  -webkit-appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #8CC0D6;
  color: #fff;
  position: relative;
  top: 4px;
  -webkit-transition: -webkit-transform .6s ease;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
  
}
.toggle span,
.add span,
.cancel span {
  position: absolute;
  text-indent: -9999px;
}
.toggle:active,
.add:active,
.cancel:active {
  outline: none;
}
.add:before {
  content: '';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.9;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.cancel {
  background-color: transparent;
}
.cancel:before {
  content: '';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #D6434D;
  font-size: 1.2rem;
  line-height: 1.5;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.post-action-button {
  text-align: center;
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
  border: 1px solid #4D4D4D;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  margin-bottom: 0.3rem;
  background: transparent;
  color: #4D4D4D;
  border-color: #8C8C8C;
}
.post-action-button i {
  display: inline-block;
  margin-right: 7px;
}
.post-action-button i.icon-only {
  margin-right: 0;
}
.post-action-button:hover {
  font-weight: 600;
}



.actionsContainerView .form-check .containers {
    height: 30px;
}

.tag-add-submit {
  max-width: 0;
  padding: 0;
  opacity: 0;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
.tag-add-submit.active {
  max-width: 400px;
  padding: 0.3rem 1rem;
  opacity: 1;
}
.taglist {
  list-style: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  width: calc(100% - 30px);
}
.taglist.edit {
  margin-top: 0.8rem;
}
.taglist li {
  display: inline-block;
  margin-right: 0.2rem;
  float: right;
}
.tag,
input.tag-add-input,
.tt-suggestion {
  cursor: pointer;
  padding: 0.3rem 1rem;
  border: 1px solid rgba(75, 146, 230, 0.09);
  border-radius: 1rem;
  font-size: 0.75rem;
  color: #8C8C8C;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 0.3rem;
  position: relative;
}
.tag.selected,
input.tag-add-input.selected,
.tt-suggestion.selected {
  background: rgba(75, 146, 230, 0.09);
  color: #666;
}

.tag.selected i {
    display: inline-block;
    margin-left: 6px;
    transition: all .6s;
    transform: rotate(45deg);
}

.tag.selected.red i {
    
}

.tag.orange,
input.tag-add-input.orange,
.tt-suggestion.orange {
  border-color: #e96657;
  color: #e96657;
}
.tag.orange.selected,
input.tag-add-input.orange.selected,
.tt-suggestion.orange.selected {
  background: #e96657;
  color: #fff;
}
.tag.red,
input.tag-add-input.red,
.tt-suggestion.red {
  border-color: #4a90e2;
  color: #4a90e2;
}
.tag.red.selected,
input.tag-add-input.red.selected,
.tt-suggestion.red.selected {
  background: #4a90e2;
  color: #fff;
}
.tag.teal,
input.tag-add-input.teal,
.tt-suggestion.teal {
  border-color: #37979C;
  color: #37979C;
}
.tag.teal.selected,
input.tag-add-input.teal.selected,
.tt-suggestion.teal.selected {
  background: #37979C;
  color: #fff;
}
.tag.mint,
input.tag-add-input.mint,
.tt-suggestion.mint {
  border-color: #52c2ac;
  color: #52c2ac;
}
.tag.mint.selected,
input.tag-add-input.mint.selected,
.tt-suggestion.mint.selected {
  background: #52c2ac;
  color: #fff;
}
.open .tag,
.open input.tag-add-input,
.open .tt-suggestion {
  cursor: pointer;
}
.open .tag:hover,
.open input.tag-add-input:hover,
.open .tt-suggestion:hover {
  background: #8C8C8C;
  color: #fff;
}
.open .tag:hover.orange,
.open input.tag-add-input:hover.orange,
.open .tt-suggestion:hover.orange {
  background: #e96657;
  color: #fff;
}
.open .tag:hover.red,
.open input.tag-add-input:hover.red,
.open .tt-suggestion:hover.red {
  background: #dd5c64;
  color: #fff;
}
.open .tag:hover.teal,
.open input.tag-add-input:hover.teal,
.open .tt-suggestion:hover.teal {
  background: #37979C;
  color: #fff;
}
.open .tag:hover.mint,
.open input.tag-add-input:hover.mint,
.open .tt-suggestion:hover.mint {
  background: #52c2ac;
  color: #fff;
}
.edit .tag,
.edit input.tag-add-input,
.edit .tt-suggestion {
  padding-right: 1.5rem;
  cursor: pointer;
}
.edit .tag:after,
.edit input.tag-add-input:after,
.edit .tt-suggestion:after {
  content: "";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 8px;
}
.edit .tag:hover,
.edit input.tag-add-input:hover,
.edit .tt-suggestion:hover {
  background: transparent;
}
.edit .tag:hover.orange,
.edit input.tag-add-input:hover.orange,
.edit .tt-suggestion:hover.orange {
  color: #e96657;
}
.edit .tag:hover.red,
.edit input.tag-add-input:hover.red,
.edit .tt-suggestion:hover.red {
  color: #dd5c64;
}
.edit .tag:hover.teal,
.edit input.tag-add-input:hover.teal,
.edit .tt-suggestion:hover.teal {
  color: #37979C;
}
.edit .tag:hover.mint,
.edit input.tag-add-input:hover.mint,
.edit .tt-suggestion:hover.mint {
  color: #52c2ac;
}
.tag-add {
  background: #d8d8d8;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
  padding: 0 0.5rem;
  max-height: 0;
}
.open .tag-add {
  padding: 0.5rem;
  max-height: 1000px;
}
.tag-add-button {
  width: 100%;
  margin-top: 0.5rem;
}
.tag-indicator-list {
  list-style: none;
  padding: 0 0.5rem;
  text-align: right;
  display: inline-block;
  vertical-align: middle;
}
.tag-indicator-list li {
  display: inline-block;
  text-align: left;
}
.tag-indicator-list .tag-indicator {
  text-indent: -9999px;
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0 0 0 4px;
}
.tag-checkbox input[type="checkbox"],
.tag-checkbox input[type="radio"] {
  position: absolute;
  left: -9999px;
}
.tag-checkbox .tag,
.tag-checkbox input.tag-add-input,
.tag-checkbox .tt-suggestion {
  font-weight: 400;
}
.tag-checkbox :checked ~ label {
  -webkit-animation-name: bubble;
          animation-name: bubble;
  -webkit-animation-duration: 300ms;
          animation-duration: 300ms;
  background: #8C8C8C;
  color: #fff;
}
.tag-checkbox :checked ~ label.orange {
  background: #e96657;
  color: #fff;
}
.tag-checkbox :checked ~ label.yellow {
  background: #FAD30F;
  color: #fff;
}
.tag-checkbox :checked ~ label.red {
  background: #dd5c64;
  color: #fff;
}
.tag-checkbox :checked ~ label.teal {
  background: #37979C;
  color: #fff;
}
.tag-checkbox :checked ~ label.mint {
  background: #52c2ac;
  color: #fff;
}
.tag-checkbox.tag-checkbox--solo label {
  display: inline-block;
}
.tag-tools {
  position: relative;
}
.tag-tools .add {
  border: none;
  -webkit-appearance: none;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #8CC0D6;
  color: #fff;
  position: relative;
  top: 4px;
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}
.tag-tools .add span {
  position: absolute;
  text-indent: -9999px;
}
.tag-tools .add:before {
  content: '';
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  color: #fff;
  font-size: 0.8rem;
  line-height: 1.9;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.tag-tools .add:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
input.tag-add-input {
  height: auto;
  background: transparent;
  min-width: 0;
  width: auto;
}
.tt-suggestion {
  margin-top: 0.3rem;
  display: inline-block;
  margin-right: 0.3rem;
}
.tt-menu.tt-open {
  background: #fff;
  padding: 0 3px 3px;
  margin-top: 3px;
}
.bar--pink  {
    stroke: #d82d69 !important;
}


.onoffswitch {
    position: relative; width: 90px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
    display: inline-block;
    width: auto;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; 
    overflow: hidden; 
    cursor: pointer;
    height: 30px; padding: 0; 
    line-height: 30px;
    border: 2px solid #999999; 
    border-radius: 30px;
    background-color: #EEEEEE;
    transition: background-color 0.3s ease-in;
    width: 52px;
}
.onoffswitch-label:before {
    content: "";
    display: block; 
    width: 26px; 
    margin: 0px;
    background: #FFFFFF;
    position: absolute; 
    top: 0; 
    bottom: 0;
    left: 0px;
    border: 2px solid #999999; 
    border-radius: 30px;
    transition: all 0.3s ease-in 0s; 
    height: 26px;
}
.onoffswitch-checkbox:checked + .onoffswitch-label {
    background-color: #4a90e2;
}
.onoffswitch-checkbox:checked + .onoffswitch-label, .onoffswitch-checkbox:checked + .onoffswitch-label:before {
   border-color: #4a90e2;
}
.onoffswitch-checkbox:checked + .onoffswitch-label:before {
    left: 26px; 
}

.switchtext {
    line-height: 30px;
    display: inline-block;
    position: relative;
    top: -12px;
    left: 10px;
     font-family: 'Montserrat';
    color: #777;
    text-transform: uppercase;
    font-size: 12px;
}





.app_title_wp {
    margin: 0 3% 0 0;
}

.app_title {
    font-size: 1.6rem;
    color: #4a4a4a;
    margin-bottom: 1.3rem;
}

.app_title i {
    font-size: 1.3rem;
    padding: 10px;
    cursor: pointer;
    position: relative;
    top: 2px;
}

.app-description.is-collapsed {
    max-height: 0;
}
.accordionItemDetail {
    height: auto;
    overflow: hidden;
    max-height: 50em;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}
.accordionItemDetail {
    max-height: 15em;
    -webkit-transition: max-height 1s;
    transition: max-height 1s;
}

.animateIn {
    -webkit-animation: accordionIn 0.45s normal ease-in-out both 1;
    animation: accordionIn 0.45s normal ease-in-out both 1;
}

.app-description p {
    padding: 0.5rem 0 0.5rem 0;
    line-height: 1.5em;
}

.app-description p:last-child {
    padding-bottom: 2.3rem;
}



#copyright-footer {display: none !important; }

.loading_main {float: left; margin-right: 10px; }

#form-view-wrapper .form_header {
    display: none;
}
.vertical-align--middle {vertical-align: middle; width: 70%;}

.wrapper_main {background: #f8f8f8; overflow-y: hidden;}
.left-panel {float: left; width: 7.5%; padding-top: 43px; text-align: center; background: #fff; padding-bottom: 20000px; margin-bottom: -20000px;}
.left-panel__link {display: block; text-align: center; text-decoration: none; font-size: 12px; margin-bottom: 30px;color: #4a4a4a; position: relative;}
.left-panel__link:hover {color: #4a90e2;}
.left-panel__link--active {font-weight: bold; color: #4a90e2;}
.left-panel__img {display: block; margin: 0 auto; margin-bottom: 5px;}
.left-panel__img--active {padding-top: 20%; margin-bottom: 0;}
.left-panel__span--active {display: block; margin: 0 auto; width: 50px; height: 50px; border-radius: 50%; background: #4a90e2;}



.wrapper_content--66 {width: 66%; float: left; overflow-y: auto;}
@media (max-width: 991px) {.wrapper_content--66 { width: 100%; float: none; } }
.wrapper_content--30 {width: 30%; float: right; overflow-y: auto;}
.wrapper_content--60 {width: 60%; float: left;}
.wrapper_content--75 {width: 75%; float: left;}
@media (max-width: 991px) {.wrapper_content--75 { width: 100%; float: none; } }
.wrapper_content--37 {width: 37%; float: right;}
.wrapper_content--22 {width: 22%; float: right;}
@media (max-width: 991px) {.wrapper_content--22 { width: 100%; float: none; } }
.wrapper_accordion {padding-bottom: 50px;}
.heading--margin-bottom75 {margin-bottom: 75px;}

.content__top {height: 72px; padding: 29px 35px 22px 16px; border-bottom: 1px solid #f7f7f7;}
.content__top__text {display: inline-block; font-family: 'Montserrat';font-weight: 300; font-size: 16px;}
.content__top__progress {float: right;width: 82%;}
.content__top__progress__cell {display: inline-block;width: 7.89%;height: 15px;border-radius: 10px;background: #e6eaee;vertical-align: middle;}
.content__top__progress__cell--active {background: #70d600;}

.graphs {
    padding: 4% 4% 0 4%;
}
.graphs--padding-bottom {padding-bottom: 47px;}
.wrapper__graphs {width: 100%; margin-top: 25px;}
.wrapper__graphs__circle {display: inline-block; width: calc(25% - 5px); text-align: center; vertical-align: top; position: relative;}
.graphs__heding {
     font-family: 'Montserrat';
     font-weight: 700;
    text-transform: uppercase;
    font-size: 1.02rem;
}
.graphs__circle--blue {border-color: #96c7ff;}
.graphs__circle--green {border-color: #a5df65;}
.graphs__circle--orange {border-color: #f5a623;}
.graphs__circle__number {
    position: absolute;
    left: 68%;
    color: #b3b2b2;
    top: 10px;
    font-size: 1.02rem;
}
.graphs__circle__img {position: absolute; top: 0; bottom: 0; left:0; right:0; margin :auto; width: 50%;}
.graphs__circle__text {
    font-size: 0.95rem;
    text-transform: uppercase;
    letter-spacing: 0.02rem;
    color: #777;
}
circle[data-circle="18748923"],
circle[data-circle="18748961"],
circle[data-circle="18748838"] {
    fill: tomato;
}
.svg-container {display: block; height: 120px; width: 120px; margin: 0 auto; border-radius: 100%; position: relative;}
.svg {transform: rotate(-90deg);}
.svg circle {stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; stroke: #dcdcdc; stroke-width: 6px;}
.bar--blue {stroke: #f18c42 !important;}
.bar--green {stroke: #8364a1 !important;}
.bar--orange {stroke: #f5a623 !important;}

.button__bottom {float: right;}

.wrapper_content--progress {padding: 20px 0;}





.wrapper_progress {padding: 0 30px 30px 30px;}
.progress_main {width: 100%; position: relative; background: #ecf0f1; border-radius: 20px;}
.text-progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-weight: bold; font-size: 10px;}
.progress {height: 25px; border-radius: 20px;}
.progress--green {width: 15%; background: #8cddb1;}
.progress--yellow {width: 25%; background: #eed980;}
.progress--orange {width: 10%; background: #e8b689;}
.progress--purple {width: 60%; background: #c2a4d3;}
.wrapper_progress-info {width: 55%; margin: 0 auto; margin-top: 10px;}
.progress__text {font-size: 12px; display: inline-block; vertical-align: top;}
.progress__text--right {float: right;}
.arrow-green {color: #b0ef70;}
.arrow-red {color: #f7786c;}
.dash-blue {color: #4a90e2; font-weight: bold;}

.progress-title {
    margin-bottom: 10px;
}

.progress-bars-wp .text-progress {
    font-size: 12px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
}

 

.wrapper_blue {position: relative; min-height: 60px; padding: 5px 25px; background: #96c7ff; color: #fff;}
.blue_section__img {margin: 0 7%;}
.blue_section__text {display: inline-block; width: 35%; margin-right: 10%; font-size: 14px; padding-top: 5px; vertical-align: top;}
.blue_section__text--bold {font-weight: bold;}
.blue_section__text--tiny { font-family: 'Montserrat';font-weight: 300; font-size: 12px;}
.blue_section__text--big {display: inline-block; font-size: 22px; font-weight: bold; vertical-align: top; padding-top: 15px;}
.blue_section__text--small {display: inline-block; font-size: 12px; vertical-align: top; margin-top: 25px;}
.wrapper_padding {padding: 25px 10px 10px 10px;}
.table--colegios {font-size: 12px;}
.table_cell--5 {width: 5%; padding: 10px 0;}
.table_cell--10 {width: 10%; padding: 10px 0;}
.table_cell-text-right {text-align: right;}
.table_cell-text-center {text-align: center;}

.slideshow-container {max-width: 1000px; position: relative; margin: auto;}
.link_prev, .link_next {cursor: pointer; position: absolute; top: 3%; width: auto; padding: 16px; color: #fff; font-weight: bold; font-size: 18px;}
.link_prev {left: 0.5%;}
.link_next {right: 0.5%;}
.link_prev:hover, .link_next:hover {background-color: rgba(225,225,225,0.8);}
.fade {-webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: .4} to {opacity: 1}}
@keyframes fade {from {opacity: .4} to {opacity: 1}}
@media only screen and (max-width: 300px) {.prev, .next,.text {font-size: 11px}}

.wrapper_border-top {padding: 10px 0; border-top: 1px solid #f7f7f7; text-align: center;}

.highcharts-credits {display: none;}
#container3 {margin-top: 30px;}


#blocks  {width: 100%; overflow: hidden}
.block {position: relative; width: 100%;}
.block:not(:first-of-type) {display: none;}
.progress_bar {width: 80%; margin: 0 auto; position: relative; height: 50px; z-index: 1;}
.progress_bar hr.all_steps {
    width: 100%; 
    height: 2px; 
    border: none; 
    background: #4a90e2; 
    border-bottom: 1px solid #fff; 
    position: absolute; 
    bottom: 8px; 
    left: 0%; 
    z-index: 1;
}
.progress_bar hr.current_steps {
    width: 0%; 
    border: 0; 
    height: 2px; 
    background: #4a90e2; 
    position: absolute; 
    bottom: -13px; 
    left: 0%; 
    z-index: 2;
    display: none;
}
.progress_bar div.step {float: left; width: 50%; height: 50px; text-align: center; font-size: 12px; color: #b4bfc0; position: relative; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in;}
.progress_bar div.step:before {position: absolute; width: 18px; height: 18px; border-radius: 20px; border: 1px solid #4a90e2; background: #4a90e2; bottom: 0; top: auto; left: 50%; margin-left: -6px; content: ''; z-index: 3; display: none;}
.progress_bar div.step:after {position: absolute; width: 18px; height: 18px; border-radius: 20px; border: 1px solid #4a90e2; background: #fff; bottom: 0; top: auto; left: 50%; margin-left: -6px; content: ''; z-index: 2; cursor: pointer;}
div#step1.step:before, div#step1.step:after {left: 50%;}
#step1 span {position: relative; left: 0%; display: inline-block;}
div#step3.step:before, div#step3.step:after {left: 70%;}
#step3 span {padding-left: 40%;}
.progress_bar div.step.current {color: #4a90e2; font-weight: bold;}
.progress_bar div.step.current:before {display: block;}
.progress_bar div.step.complete {color: #7f8c8d;cursor: pointer;}
.progress_bar div.step.complete:before {display: block;}

.content__top--height {height: 53px; padding: 17px 15px 6px 15px;}
.content__top__info-link {float: right;}

.wrapper__50 {
    width: calc(50% - 30px); 
    display: inline-block; 
    vertical-align: top; 
    color: #7f8c8d;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 40px;
    position: relative;
}



.graph-text-wp {
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
}

.svg_circle {display: block; margin:  0 auto; width: 90%;}
.svg_circle__small {cursor: pointer; -webkit-transform: scale(1); -webkit-transform-origin: 50% 50%; -webkit-transition:.3s; transform: scale(1); transform-origin: 50% 50%; transition:.3s;}
.layer:hover + g .svg_circle__small {-webkit-transform: scale(1); -webkit-transform-origin: 50% 50%; -webkit-transition:.3s; transform: scale(1); transform-origin: 50% 50%; transition:.3s;}
.svg_circle__small--active {font-size: 20px;}
.svg_circle__small:hover {-webkit-transform: scale(1, 1);}
.svg_circle--blue:hover {fill: #96c7ff;}
.svg_circle--green:hover {fill: #a5df65;}
.svg_circle--orange:hover {fill: #f5a623;}

.header_circle-text {
    border-bottom: 1px solid transparent;
    
    
}
.header_circle-text--blue-border {border-color: #96c7ff;}
.header_circle-text--green-border {border-color: #a5df65;}
.header_circle-text--orange-border {border-color: #f5a623;}
.header_circle-text__img {
    height: 80px;
    position: absolut;
}
.SM-configuration-content .header_circle-text__text,
.dimension_evaluation-information .header_circle-text__text {
    display: inline-block;
     font-family: 'Montserrat';
     font-weight: 700;
    font-size: 1.2rem;
    text-transform: uppercase;
    position: relative;
    line-height: 1.2em;
}

.dimension_evaluation-information .header_circle-text__text {
    top: -32px;
}
.dimension_evaluation-information {
    margin-top: -20px;
}
.wrapper_circle-text {display: none; width: 100%;}
.wrapper_circle-text--current {display: inherit;}
.circle-text__about {
    padding: 13px 0 50px;
     font-family: 'Montserrat';
    font-size: 1em;
    line-height: 25px;
}

.wrapper_circle-text > h2 {
    margin-top: 15px;
}

.wrapper_circle-text ul {
    padding: 10px 0;
}

.wrapper_circle-text ul .add_parameter {
    border-radius: 2px;
    border: 1px solid #ddd;
    margin-bottom: 8px;
    cursor: pointer;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    justify-content: stretch;
    -webkit-justify-content: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    align-items: center;
}

.wrapper_circle-text > ul .ev-startup-bubble-main-wrapper {
    display: inline-block;
    width: calc(100% - 55px);
    line-height: 1.25;
    padding: 8px 0;
}

.wrapper_circle-text ul .add_parameter i {
    padding: 12px 20px;
    border-right: 1px solid #ddd;
    height: auto;
    display: inline-block;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.wrapper_circle-text ul .add_parameter i:before {
    transition: all .4s;
}

.wrapper_circle-text ul .add_parameter:hover {
    box-shadow: 1px 1px 1px 1px #eee;
}



.wrapper_circle-text ul .add_parameter:hover i.bg-orange {
    background-color: #f5a623;
    color: #fff;
}
.wrapper_circle-text ul .add_parameter:hover i.bg-blue {
    background-color: #96c7ff;
    color: #fff;
}
.wrapper_circle-text ul .add_parameter:hover i.bg-green {
    background-color: #a5df65;
    color: #fff;
}

.tarea_titulo .left-dot {    
	
    padding-left: 25px;
    list-style-type: none;
}

.button_borders {float: right; width: 227px; height: 41px; border-radius: 20px; border: 1px solid #1dcfc3; color: #1dcfc3; font-weight: bold; background: #fff; margin-right: 35px; cursor: pointer;}
.button_borders.button_borders--margin-top13.modal__open:hover{
    background-color: #1dcfc3; color: #fff;
}

.button_borders--margin-top70 {margin-top: 70px;}

.wrapper_info {
    display: inline-block;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 20px 0;
}
.Indicadores-Seleccion-wrapper .modal__accordion.info.info--white.clearfix {
    width: 100%;
    max-width: 100%;
    height: 55px;
}

.wrapper_content .info,
.info.tag-dimension {
    display: inline-block;
    max-width: 180px;
    min-width: 130px;
    width: 40%;
    margin-right: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    height: 50px;
}
.info.tag-dimension {
    display: inline-block;
    max-width: 150px;
    min-width: 130px;
    width: 40%;
    margin-right: 20px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    vertical-align: top;
    position: relative;
    cursor: pointer;
    margin-bottom: 20px;
    height: 40px;
}
.info--green {
    background: #e8f7d8;
}
.info--blue {
    background: #e5f1ff;
}
.info--orange {
    background: #fce9c8;
}
.info__line {
    display: inline-block; 
    width: 40px;  
    border-right: 1px solid #f7f7f7; 
    vertical-align: middle; 
    text-align: center; 
    position: absolute;
}
.info__line--green {border-right-color: #a5df65;}
.info__line--blue {border-right-color: #96c7ff;}
.info__line--orange {border-right-color: #f5a623;}
.info__img {}
.info_wrap {
    padding: 6px 10px 6px 50px;
    overflow: hidden;
    height: 100%;
    display: block;
    width: 100%;
}

.info_wrap{
    padding: 6px 20px!important;
    text-align: center;
    margin:0 auto;
}

.info__text {
    font-size: .8em;
    line-height: 1.3;
    text-align: left;
    color: #7f8c8d;
    font-weight: bold;
    text-transform: uppercase;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    display: -webkit-box;
    height: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.info__text2 {
    padding-top: 10px;
    font-size: 16px;
    color: #7f8c8d;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    line-height: 1.2;
    text-align: left;
}
.info__text2 span {
    padding-top: 6px;  
    display: inline-block;
    cursor: pointer;
}

.info__text--blue {
    color: #4a90e2;
    font-size: 12px;
    font-weight: normal;
}
.info--white .info__text {
    -webkit-line-clamp: 1;
    font-size: 12px;
}
.info__close {
    position: absolute;
    top: -9px;
    right: -9px;
    display: inline-block;
    width: 17px;
    height: 17px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #696969;
    font-size: 14px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);
    cursor: pointer;
    font-size: 8px;
    line-height: 19px;
}

.drag_block {width: 90%; padding: 50px 20px 30px 20px; margin: 0 auto; margin-top: 20px; margin-bottom: 50px; border: 5px dashed #e6eaee; border-radius: 10px; color: #cecece;}
.drag_block__text {max-width: 400px; margin: 0 auto; margin-bottom: 20px;  font-family: 'Montserrat';font-weight: 300; text-align: center;}

.wrapper_blocks-drag {width: 100%; padding: 20px;}
.wrapper__48 {width: 48%; margin-top: 67px; display: inline-block; padding-left: 40px; margin-bottom: 50px;}
.wrapper__49 {width: 49%; float: right;margin-right: 30px; margin-top: 67px; display: inline-block; vertical-align: top; margin-bottom: 50px;}

.info--white {margin-right: 15px; margin-bottom: 20px; border-radius: 5px; border: 2px solid transparent;}
.info--white:hover {border: 2px solid #2d80e0;}
.info__line--white {height: 56px;}
.info__wrap-bottom {margin-top: 5px;}
.info__img-stars {margin-left: 10px;}
.info__wrap-cube {display: inline-block;}
.info__cube {display: inline-block; width: 11px; height: 11px; border-radius: 2px;}
.info__cube--blue {background: #96c7ff;}
.info__cube--green {background: #b0ef70;}
.info__cube--orange {background: #f5a623;}

.more_link {display: block; max-width: 420px; text-align: center; color: #4a90e2; font-weight: bold; line-height: 30px; text-decoration: none; -webkit-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1); -moz-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1); box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);}

.wrapper__49__section {display: inline-block; vertical-align: top;}
.wrapper__49__section--70 {width: 70%; padding-left: 30px;}

.inclusion__img {
    margin-left: 35px;
    width: 100px;
    height: 100px;
}
.inclusion__heading { font-family: 'Montserrat', Arial;font-weight: 700; font-size: 22px;}
.wrapper_inclusion__block {margin-bottom: 30px; margin-top: 20px;}
.inclusion__block {display: inline-block; margin-right: 5px; border: 1px solid transparent; border-radius: 20px; line-height: 16px;}
.inclusion__block--blue {background: #e5f1ff; border-color: #96c7ff;}
.inclusion__block--green {background: #e8f7d8; border-color: #a5df66;}
.inclusion__block--orange {background: #fce9c8; border-color: #f5a623;}
.inclusion__block__circle {display: inline-block; margin-left: 3px; width: 8px; height: 8px; border-radius: 50%;}
.inclusion__block__circle--blue {background: #96c7ff;}
.inclusion__block__circle--green {background: #a5df66;}
.inclusion__block__circle--orange {background: #f5a623;}
.inclusion__block__text {display: inline-block; padding: 0 15px 0 10px; font-size: 10px;font-weight: bold;}
.inclusion__text {font-size: 14px; line-height: 20px;}

.wrapper_search {width: 38%; display: inline-block; position: relative;}
.input_search {width: 95%; margin-top: 16px; margin-left: 20px; border: 1px solid #e3e3e3; border-radius: 5px; line-height: 35px;}
.input_search__icon {position: absolute; right: 3%; top: 23px; cursor: pointer;}

.button_borders--margin-top13 {margin-top: 13px;}

.button_borders--top-content {
    margin-right: 0;
    margin-top: -15px;
}

.table {width: 100%; margin-top: 25px; color: #7f8fa4; font-size: 14px;}
.table__head {color: #cfd2d6;}
.table__head__cell {padding-bottom: 15px;}
.table__head__arrow {font-size: 10px;}
.table__cell--7-3 {width: 7.3%; padding-left: 20px; border-bottom: 1px solid #f7f7f7;}
.table__cell--39 {width: 39%; font-weight: bold; padding: 18px 0; border-bottom: 1px solid #f7f7f7;}
.table__cell--18-2 {width: 18.2%; border-bottom: 1px solid #f7f7f7;}
.table__cell--28 {width: 28%; border-bottom: 1px solid #f7f7f7;}
.table__cell--4-3 {width: 4.3%; border-bottom: 1px solid #f7f7f7;}
.table__cell--3-2 {width: 3.2%; border-bottom: 1px solid #f7f7f7;}

.label__checkbox_green {display: inline-block; cursor: pointer; position: relative;}
.label__checkbox_green:before {content:""; display: inline-block; width: 18px; height: 18px; margin-right: 10px; position: absolute; left: 0; bottom: -3px; background-color: #fff; border: 1px solid #95a5a6; border-radius: 2px;}
.checkbox_green[type=checkbox] {display: none;}
.checkbox_green[type=checkbox]:checked + .label__checkbox_green:before {content:""; background: #b0ef70; border-color: #b0ef70; -webkit-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1); -moz-box-shadow: 2px 2px 5px 0px rgba(230,234,238,1); box-shadow: 2px 2px 5px 0px rgba(230,234,238,1);}

.table__indicador {display: inline-block; margin-right: 5px; margin-bottom: 2px; line-height: 25px; padding: 0 15px; border-radius: 20px; background: #dbe9f9; color: #4a90e2; font-size: 10px; font-weight: bold; text-transform: uppercase;}
.table__link_dots {display: inline-block; width: 25px; height: 25px; text-decoration: none; border-radius: 50%;background: #dbe9f9; color: #4a90e2; font-weight: bold; text-align: center;}
.table__link_arrow {text-decoration: none; color: #4a90e2; font-weight: bold; font-size: 24px; line-height: 24px;}

.wrapper_paginator {width: 55%; margin: 10px 30px 5px 0; float: right; text-align: right; color: #b0b8c6; font-size: 12px;}
.paginator__link {text-decoration: none; color: #4a90e2; font-weight: bold; font-size: 24px;}
.paginator__number {color: #4a90e2; padding: 0 9%; font-weight: bold; font-size: 14px;}

.margin-left8-3 {margin-left: 8.3%;}
.margin-left6-6 {margin-left: 6.6%;}
.margin-left25 {margin-left: 25%;}
.margin-left5 {margin-left: 5%;}

.modal-wrapper {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #f0f2f4; visibility: hidden; overflow: scroll; opacity: 0; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; z-index: 1000;}
.modal-wrapper.open {opacity: 1; visibility: visible;}
.modal {display: none; width: 80%; padding: 73px 5% 100px 5%; background: #fff; border-radius: 5px; -webkit-box-shadow: 0px 0px 3px 1px rgba(230,234,238,1); -moz-box-shadow: 0px 0px 3px 1px rgba(230,234,238,1); box-shadow: 0px 0px 3px 1px rgba(230,234,238,1);position: absolute; left: 10%; top: 65px; z-index: 10; max-height: calc(100vh - 100px); overflow-y: auto;}
.modal__head {margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #7f8c8d;}
.modal__accordion {width: 100%;  margin-top: 20px;}
.info__text--margin-top20 {margin-top: 20px;}
.info__number {float: right; text-align: right; margin-top: 12px; margin-right: 10px; font-size: 14px; color: #7f8c8d;}
.info__number--blue {color: #4a90e2; font-weight: bold;}
.modal__accordion--active, .modal__accordion:hover {border: 2px solid #2d80e0;}
.modal__accordion-panel { margin-top: -10px; display: none; overflow: hidden; transition: max-height 0.2s ease-out; padding: 20px 0;}
.modal__close {width: 225px; margin-bottom: 0; margin-top: 45px;}

.table-accordion {width: 100%; border: 1px solid #efefef; color: #7f8c8d; font-size: 14px; margin-bottom: 20px; border-bottom: none;}
.table-accordion__cell--11-5 {width: 5%; padding-left: 20px; border-bottom: 1px solid #efefef;}
.table-accordion__cell--80 {width: 80%; padding: 14px 0; border-bottom: 1px solid #efefef;}
.table-accordion__cell--8-5 {width: 8.5%; text-align: right; padding-right: 10px; border-bottom: 1px solid #efefef;}
.table-accordion__cell--20 {
    width: 20%;
    text-align: right;
    padding: 14px 0;
    border-bottom: 1px solid #efefef;
    padding-right: 20px;
}

.contentMenu {
    background-color: #efefef;
    min-height: 100vh;
}

.vector_details_content_information {
    display: inline-block;
}

th.table_header_cell {
    text-align: center;
}

.jstable-cell {
    border-bottom: 1px solid #DDD;
    padding: 7px 7px 7px 17px !important;
}

input#filter-quick_search {
    width: 60% !important;
}

.school__indicador {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 2px;
    line-height: 25px;
    padding: 6px 15px;
    border-radius: 20px;
    background: #dbe9f9;
    color: #4a90e2;
    font-size: 13px;
    font-weight: bold;
    text-transform: capitalize;
}

button.btn.btn-default.btn_back_to_rewards_i_manage i {
    position: relative;
    top: 2px;
    left: -2px;
}
.colegios_selected {
    margin-bottom: 50px;
}
.vector_container {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: stretch;
    -webkit-justify-content: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    
}
.Indicadores-Seleccion-wrapper .vector_container{
    width: 100%;
    margin: 0px;
}
.Indicadores-Seleccion-wrapper .info__text--margin-top20 {
    margin-top: 10px;
}

.wrapper_list {padding: 25px 10%;}
.list_actions {margin-bottom: 50px; font-size: 14px; font-weight: bold; color: #7f8fa4;}
.list_actions li.list__item {margin-bottom: 20px; margin-left: 15px; list-style: disc; }

.panel-item {line-height: 22px; padding: 15px 40px; border: 1px solid #efefef; border-top: none; color: #9aa6b7; font-size: 14px;}
.panel-item--active {
    background: #f8fcff; 
    font-size: 16px; 
    font-weight: bold;
}
.panel__text {width: 90%; display: inline-block;}
.left-dot {margin-right: 15px;}
.wrapper-panel_links {float: right;}
.panel__link {display: inline-block; margin-bottom: 4px; margin-left: 13px; width: 14px; height: 14px;     color: #4a90e2;font-size: 23px;  cursor: pointer;}
.panel__link--arrow-right {background: url('../img/arrow_right.png') no-repeat 50% 50%;}
.panel__link--arrow-bottom {background: url('../img/arrow_bottom.png') no-repeat 50% 50%;}
.panel_sub {margin: 35px 0;}
.panel_sub__img {float: left;}
.wrapper_sub-right {float: right; width: 60%;}
.panel_sub__text {margin-bottom: 50px; color: #9eabbb; font-weight: normal; font-size: 14px; text-align: justify;}

div.title_element {
    font-size: 16px;
    padding: 5px 0;
    color: #666;
    font-weight: 600;
}

#containerMiniChartVector .card-info.row {
    margin-left: 0;
}

.card-chart small {
    text-align: center;
    display: block;
    padding: 0;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
}
.vector-card .tab-content_page {
    padding: 20px 0 0 0;
}



.erv-css #results_table2 .simple_pager:first-child{
    display:none!important;
}

.erv-css #results_table2 .simple_pager:last-child{
    display: block!important;
    margin: 10px auto!important;
    width: 100%!important;
    position: static!important;
    text-align: center;

}

.erv-css #results_table2 .simple_pager .previous, .erv-css #results_table2 .simple_pager .next {
    border: 1px solid #83cd91 !important;
    padding: 5px 10px;
    font-size: 11px;
    min-width: 90px;
    background: #fff;
    color: #83cd91;
    border-radius: 0;
    font-weight: bold;
    box-shadow: none;
    font-size: 13px;
}
.erv-css #results_table2 .simple_pager .page {
    box-shadow: none;
    border: none;
    background: none;
    height: auto;    
}
.erv-css #results_table2 .simple_pager .ellipse {
    float: none;
}

.erv-css #results_table2 .simple_pager .page,
.erv-css #results_table2 .simple_pager .ellipse {
    line-height: 30px;
}
.erv-css #results_table2 .simple_pager .page.current{
    background-color: #83cd91!important;
    color: #ffffff;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border: none !important;
    border-radius: 50%;
}

.erv-css #form_results .table_header_cell{
    background-image: none!important;
    background-color: #f9f9f9!important;
    padding:10px 20px;
}

.erv-css .form-table-results #form_results th{
    border: none!important;
    background-color: #f9f9f9!important;
}

.erv-css #form_results .jstable-cell:nth-child(2){
    font-weight: bold!important;
}

.erv-css .simple_pager a{
    float: none!important;
}

.erv-css #results_table2 .simple_pager .previous, #results_table2 .simple_pager .next, #results_table2 .simple_pager .page{
    display: inline-block!important;
}

.simple_pager .current {
    background: #666;
    color: #FFF;
    border-color: #444;
    box-shadow: 0 0px 0 rgba(255,255,255,1), 0 0 0px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}


.colegios_rewards #previus_pager, 
.colegios_rewards #next_pager {
    padding-left: 0 !important;
}

.colegios_rewards table#div_view_more {
    width: 100%;
}
.your_dimension_content.dimensions.col-xs-12.col-sm-4 {
    padding-right: 0px;
}
.colegios_rewards_actions {
    text-align: right;
    padding-bottom: 20px;
}


.heading {font-size: 24px; font-family: 'Montserrat', Arial;font-weight: 300;}
.heading--margin-bottom75 {margin-bottom: 75px;}
.heading--bold {font-family: 'Montserrat', Arial; display: inline-block;}
.heading--bold sup {font-family: 'Montserrat', Arial; font-size: 14px}
.wrapper_content--width90 {width: 90%; margin-top: 30px;}
.wrapper_content--margin-top115 {margin-top: 115px;}
.colegios__img_pcipal_detalle {
    width: 40%;
    max-width: 220px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.wrapper__colegios-info {padding: 18px 10px 10px 19px;}
.colegios__name {font-size: 20px;}
.colegios__locaton {padding-top: 5px; color: #9b9b9b; font-size: 14px;}
.wrapper__ninos {padding-top: 35px;}
.wrapper__ninos p {display: inline-block; font-size: 18px; color: #1dcfc3;}
.text--right-bold {font-weight: bold; float: right;}


.text__descripcion {padding: 30px 15px; color: #9aa9aa;}
.wrapper_colegios-about {
    width: calc(100% - 230px);
    display: inline-block;
    padding-left: 40px;
}
.button__bottom--width170 {width: 170px; margin-bottom: 0;}
.colegios__adress {margin-top: 13px; color: #9b9b9b; font-size: 18px;}
.wrapper--20 {display: inline-block; width: 20%; vertical-align: top;}
.wrapper--75 {display: inline-block; width: 75%;}
.margin-top25 {margin-top: 25px;}
.margin-bottom25 {margin-bottom: 25px;}
.text--bold-small {display: inline-block; width: 24%;font-family: 'Montserrat', Arial; font-size: 14px; margin-bottom: 2px; line-height: 1.2;}
.text--light-small {display: inline-block; width: 75%; font-size: 14px; color: #aaa; margin-bottom: 2px; line-height: 1.2;}
.text--light-big {color: #aaa; font-family: 'Montserrat', Arial;font-weight: 300;line-height: 1.2;}
.link__blue {font-size: 12px; color: #4a90e2; text-decoration: none; font-weight: bold;}

.wrapper_content {
    max-width: calc(100% - 2px);
}

.wrapper_content--padding {padding: 17px 0;}
.wrapper--32 {display: inline-block; width: 32%; padding-left: 35px; vertical-align: top;}
.border--grey {border-right: 1px solid #e6eaee;}
.number--big {font-family: 'Montserrat', Arial; color: #4a90e2; font-size: 35px; margin-right: 10px;}
.number--big-grey { color: #cdcdcd;}
.text--inline {display: inline-block;}

.left-tab {float: left; display: inline-block; width: 29%; list-style-type: none; text-align: right; font-size: 12px;}
.left-tab__item {
    line-height: 1.5em; 
    padding: 15px; 
    cursor: pointer;
}
.left-tab__item--current,
.left-tab__item:hover {
    font-weight: bold; 
    background: #96c7ff;
    color: white;
    letter-spacing: 0.5px;
}

.wrapper--70 {float: left; display: inline-block; width: 70%; padding: 30px; vertical-align: top; border-left: 1px solid #e6eaee;}
.left-tab__content {display: none;}
.left-tab__content--current {display: inline-block;}
.wrapper--right {float: right; width: 60%;}
.number-text--small {font-size: 12px; color: #8b99ac; display: inline-block;}

.table-puntos {width: 100%; padding-top: 30px; color: #8897ab; font-size: 14px;}
.table-puntos__head {font-size: 12px; padding-bottom: 15px;}
.table-puntos__cell-15 {width: 15%; padding-bottom: 15px;}
.table-puntos__cell-75 {width: 75%; padding-bottom: 15px;}
.table-puntos__cell-10 {text-align: right; vertical-align: top; padding-bottom: 15px;}

.actions_content.colegio_tareas_evaluacion button.button_borders.button_borders--top-content {
    border: 1px solid #fff;
    color: #fff;
    font-weight: bold;
    background: #4a90e2;
}


.form-fill-wrapper-total_faux .question {
    margin: 0;
    padding-left: 0;
}
.form-fill-wrapper-total_faux ul:not(.question_error).question, .question-context {
    border:  none !important;
}
.form-fill-wrapper-total_faux span.form-question-text {
    font-size: 1.1em !important;
    line-height: 1.2em;
    text-transform: none !important; 
}
.form-fill-wrapper-total_faux span.answer-text {
    width: 90% !important;
    white-space: normal;
    line-height: 1.8em;
}
.form-fill-wrapper-total_faux table td{
    text-indent: -30px;
    padding-left: 30px !important;
}

.initial_survey .form-fill-wrapper-total_faux table td {
    text-indent: 0;
}

.form-fill-wrapper-total_faux .question_error,.form-fill-wrapper-total_faux .question_saved {
    background: none !important;
}
.dimension_evaluation-information {
    padding: 4%;
}


@media screen and (max-width: 1279px)  {
.content__top__progress__cell {width: 7.5%;}
 }

@media screen and (max-width: 1200px)  {
.wrapper__graphs {margin: 0 auto;}
}

@media screen and (max-width: 1195px)  {
.wrapper__48 {width: 30%; margin-bottom: 30px;}
.wrapper__49 {width: 60%; margin-bottom: 30px;}
.more_link {width: 200px;}

.header_circle-text__text{
  font-size:1em;  
}

}

@media screen and (max-width: 1130px)  {
.wrapper_paginator {width: 90%;}
}

@media screen and (max-width: 950px)  {
.left-panel {float: none; width: 100%; padding-bottom: 0; margin-bottom: 0; padding: 20px 0;}
.left-panel__link {display: inline-block; margin: 0 1%;}
.content__top {height: auto;}
.content__top__progress {float: none; width: 98%; margin: 0 auto;}

.info{
    width: 80%;
}

.header_circle-text__text{
    width:50% ;    
}


 }

@media screen and (max-width: 875px) {
.info {margin-right: 25px;}
}

@media screen and (max-width: 830px)  {
.wrapper__50, .wrapper__48, .wrapper__49 {width: 100%;}
.wrapper__48 {padding-left: 35px;}
.wrapper__49 {float: none;margin-right: 0;}
.more_link {max-width: 100%;}

}

@media screen and (max-width: 767px)  {
.head__text, .head__blue-dot {
    display: none !important;
}
.progress_bar {width: 80%}
.info {display: block; margin-bottom: 20px;}
.more_link {width: 200px;}
.wrapper__49 {margin-left: 0;}
.wrapper__49__section--70 {width: 100%; padding-right: 30px;}
.inclusion__img {margin-bottom: 20px;}
.wrapper_table {width: 100%; display: inline-block; overflow: scroll;}
.wrapper_search {width: 80%;}
.button_borders--margin-top13 {margin: 30px;}
.table {width: 800px;}
.modal {width: 500px;}
.margin-left25 {margin-left: 5%;}
.paginator__number {padding: 0 5%;}
}

@media screen and (max-width: 720px)  {
.wrapper__graphs {width: 100%;}
.wrapper__graphs__circle {width: 95%;}
.head__user .head__text {
    display: none;
}
}

@media screen and (max-width: 560px)  {
.content__top__progress__cell {width: 6.75%;}
}

@media screen and (min-width: 768px) {
    .your_dimension_content.dimensions .wrapper_content {
        min-height: 453px;
    }
}




.step2 .your_dimension_content .wrapper_content{
    padding:0;
    max-height:auto;
    -webkit-transition: max-height 1s linear;
    -ms-transition: max-height 1s linear;
    -moz-transition: max-height 1s linear;
    transition: max-height 1s linear;
}

.step2 .your_dimension_content .wrapper_content.show{
    max-height: 100%;
}




.list_your_top_startups {
    padding-left: 5%;
    padding-right: 5%;
}

.list_parametros_content {
    padding: 20px 5%;
    
    min-height: 40px;
    
    max-height: 520px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #ddd;
    background-color: #fff;
    background-image: none;
    font-weight: normal;
    color: #7f8c8d;    
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default {
    border-radius: 2px;
    margin-bottom: 8px;
    cursor: pointer;
    text-align: left;
    list-style: none;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    align-items: stretch;
    -webkit-align-items: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    justify-content: stretch;
    -webkit-justify-content: stretch;
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default:hover {
    box-shadow: 1px 1px 1px 1px #eee;
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default i {
    padding: 12px 20px;
    border-right: 1px solid #ddd;
    height: auto;
    display: flex;
    display: -webkit-flex;
    margin-right: 10px;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    align-content: center;
    -webkit-align-content: center;
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default i:before {
    transition: all .4s;
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default:hover i {
    color: #f7786c;
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default:hover i:before {
    
}

.wrapper_info.list_your_top_startups .startup_selected.ui-state-default .param_text {
    width: calc(100% - 52px);
    line-height: 1.25;
    padding: 8px 0;
}

.list_your_top_startups_actions .button__bottom {
    width: 240px;
    border-radius: 25px;
    margin: 0 auto;
    background-color: #fff;
    float: none;
    display: block;
    color: #4a90e2;
    border: 1px solid #4a90e2;
}

.wrapper_content--66 .school_detail_cont {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

.vectores_sugeridos_content {
    padding-bottom: 0;
}

.vectores_sugeridos_content .btn-primary {
    border-radius: 25px;
    background-color: #4a90e2;
    color: #fff;
}

.vector_container .info--accordion {
    margin-bottom: 10px;
    max-width: 100%;
    width: 100% !important;
    border-radius: 2px;
    border: 1px solid #ddd;
    margin-top: 10px;
    width: 40%;
    display: flex;
    display: -webkit-flex;
    justify-content: stretch;
    -webkit-justify-content: stretch;
    align-items: stretch;
    -webkit-align-items: stretch;
    align-content: stretch;
    -webkit-align-content: stretch;
    height: 100%;
    cursor: auto !important;
}

.vector_container .info--accordion:hover {
    border: 1px solid #4a90e2;
}

.vector_container .info--accordion .info__text2 {
    padding-top: 0;
}

.vector_container .info--accordion .info__line--white {
    height: 100%;
}

.vector_container .info--accordion > .arrow_accordion{
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    height: 10px;
    cursor: pointer;
}



.dimension_evaluation-form .form-question-text {
    font-family: 'Montserrat', Arial;
    color: rgb(74, 74, 74);
    font-weight: normal;
}

.dimension_evaluation-content .form-answers-save_faux {
    border-radius: 25px;
    background-color: #4a90e2 !important;
    color: #fff !important;
    padding: 8px 20px;
    display: block;
    width: 160px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 1.2 !important;
}

.question .ui-slider-horizontal,
.context-independent_question .ui-slider-horizontal {
    background: #53d45d;
    background: -moz-linear-gradient(left,#c0e8c9 0%,#53d45d 100%);
    background: -webkit-gradient(left,#c0e8c9 0%,#53d45d 100%);
    background: -webkit-linear-gradient(left,#c0e8c9 0%,#53d45d 100%);
    background: -o-linear-gradient(left,#c0e8c9 0%,#53d45d 100%);
    background: -ms-linear-gradient(left,#c0e8c9 0%,#53d45d 100%);
    background: linear-gradient(left,#c0e8c9 0%,#53d45d 100%);
}



#warped {
    position: absolute;
    display: block;
    top: -16px;
    left: -102px;
}

#warped>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

#warped span{font-family: 'Montserrat', Arial;font-size:14px;font-weight:regular;font-style:normal;
line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

#warped .w0 {-moz-transform: rotate(-0.59rad);-webkit-transform: rotate(-0.59rad);-o-transform:
rotate(-0.59rad);-ms-transform: rotate(-0.59rad); transform: rotate(-0.59rad);
width: 9px; height: 9px; left: 240.2px; top: 123.93px;}

#warped .w1 {-moz-transform: rotate(-0.46rad);-webkit-transform: rotate(-0.46rad);-o-transform:
rotate(-0.46rad);-ms-transform: rotate(-0.46rad); transform: rotate(-0.46rad);
width: 9px; height: 9px; left: 252.33px; top: 116.95px;}

#warped .w2 {-moz-transform: rotate(-0.34rad);-webkit-transform: rotate(-0.34rad);-o-transform:
rotate(-0.34rad);-ms-transform: rotate(-0.34rad); transform: rotate(-0.34rad);
width: 6px; height: 9px; left: 265.35px; top: 112.11px;}

#warped .w3 {-moz-transform: rotate(-0.23rad);-webkit-transform: rotate(-0.23rad);-o-transform:
rotate(-0.23rad);-ms-transform: rotate(-0.23rad); transform: rotate(-0.23rad);
width: 8px; height: 9px; left: 275.86px; top: 108.75px;}

#warped .w4 {-moz-transform: rotate(-0.11rad);-webkit-transform: rotate(-0.11rad);-o-transform:
rotate(-0.11rad);-ms-transform: rotate(-0.11rad); transform: rotate(-0.11rad);
width: 8px; height: 9px; left: 288.67px; top: 106.6px;}

#warped .w5 {-moz-transform: rotate(0.02rad);-webkit-transform: rotate(0.02rad);-o-transform:
rotate(0.02rad);-ms-transform: rotate(0.02rad); transform: rotate(0.02rad);
width: 9px; height: 9px; left: 301.65px; top: 106.02px;}

#warped .w6 {-moz-transform: rotate(0.12rad);-webkit-transform: rotate(0.12rad);-o-transform:
rotate(0.12rad);-ms-transform: rotate(0.12rad); transform: rotate(0.12rad);
width: 4px; height: 9px; left: 315.61px; top: 106.87px;}

#warped .w7 {-moz-transform: rotate(0.22rad);-webkit-transform: rotate(0.22rad);-o-transform:
rotate(0.22rad);-ms-transform: rotate(0.22rad); transform: rotate(0.22rad);
width: 7px; height: 9px; left: 324.45px; top: 108.71px;}

#warped .w8 {-moz-transform: rotate(0.34rad);-webkit-transform: rotate(0.34rad);-o-transform:
rotate(0.34rad);-ms-transform: rotate(0.34rad); transform: rotate(0.34rad);
width: 9px; height: 9px; left: 335.91px; top: 112.38px;}

#warped .w9 {-moz-transform: rotate(0.45rad);-webkit-transform: rotate(0.45rad);-o-transform:
rotate(0.45rad);-ms-transform: rotate(0.45rad); transform: rotate(0.45rad);
width: 4px; height: 9px; left: 348.99px; top: 116.87px;}

#warped .w10 {-moz-transform: rotate(0.55rad);-webkit-transform: rotate(0.55rad);-o-transform:
rotate(0.55rad);-ms-transform: rotate(0.55rad); transform: rotate(0.55rad);
width: 8px; height: 9px; left: 356.61px; top: 122.2px;}



#warped2 {
    position: absolute;
    display: block;
    top: -34px;
    left: -96px;
}

#warped2>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

#warped2 span{font-family: 'Montserrat', Arial;font-size:14px;font-weight:regular;font-style:normal;
line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

#warped2 .w0 {-moz-transform: rotate(3.55rad);-webkit-transform: rotate(3.55rad);-o-transform:
rotate(3.55rad);-ms-transform: rotate(3.55rad); transform: rotate(3.55rad);
width: 8px; height: 9px; left: 254.62px; top: 317.57px;}

#warped2 .w1 {-moz-transform: rotate(3.65rad);-webkit-transform: rotate(3.65rad);-o-transform:
rotate(3.65rad);-ms-transform: rotate(3.65rad); transform: rotate(3.65rad);
width: 6px; height: 9px; left: 244.88px; top: 312.23px;}

#warped2 .w2 {-moz-transform: rotate(3.76rad);-webkit-transform: rotate(3.76rad);-o-transform:
rotate(3.76rad);-ms-transform: rotate(3.76rad); transform: rotate(3.76rad);
width: 8px; height: 9px; left: 233.77px; top: 305.78px;}

#warped2 .w3 {-moz-transform: rotate(3.87rad);-webkit-transform: rotate(3.87rad);-o-transform:
rotate(3.87rad);-ms-transform: rotate(3.87rad); transform: rotate(3.87rad);
width: 9px; height: 9px; left: 222.77px; top: 297.31px;}

#warped2 .w4 {-moz-transform: rotate(3.99rad);-webkit-transform: rotate(3.99rad);-o-transform:
rotate(3.99rad);-ms-transform: rotate(3.99rad); transform: rotate(3.99rad);
width: 8px; height: 9px; left: 213.84px; top: 287.65px;}

#warped2 .w5 {-moz-transform: rotate(4.09rad);-webkit-transform: rotate(4.09rad);-o-transform:
rotate(4.09rad);-ms-transform: rotate(4.09rad); transform: rotate(4.09rad);
width: 4px; height: 9px; left: 209.05px; top: 279.01px;}

#warped2 .w6 {-moz-transform: rotate(4.18rad);-webkit-transform: rotate(4.18rad);-o-transform:
rotate(4.18rad);-ms-transform: rotate(4.18rad); transform: rotate(4.18rad);
width: 7px; height: 9px; left: 201.87px; top: 270.18px;}

#warped2 .w7 {-moz-transform: rotate(4.3rad);-webkit-transform: rotate(4.3rad);-o-transform:
rotate(4.3rad);-ms-transform: rotate(4.3rad); transform: rotate(4.3rad);
width: 9px; height: 9px; left: 195.01px; top: 258.58px;}

#warped2 .w8 {-moz-transform: rotate(4.41rad);-webkit-transform: rotate(4.41rad);-o-transform:
rotate(4.41rad);-ms-transform: rotate(4.41rad); transform: rotate(4.41rad);
width: 7px; height: 9px; left: 191.5px; top: 246.4px;}

#warped2 .w9 {-moz-transform: rotate(4.5rad);-webkit-transform: rotate(4.5rad);-o-transform:
rotate(4.5rad);-ms-transform: rotate(4.5rad); transform: rotate(4.5rad);
width: 4px; height: 9px; left: 190.39px; top: 236.23px;}

#warped2 .w10 {-moz-transform: rotate(4.6rad);-webkit-transform: rotate(4.6rad);-o-transform:
rotate(4.6rad);-ms-transform: rotate(4.6rad); transform: rotate(4.6rad);
width: 8px; height: 9px; left: 186.67px; top: 225.37px;}

#warped2 .w11 {-moz-transform: rotate(4.71rad);-webkit-transform: rotate(4.71rad);-o-transform:
rotate(4.71rad);-ms-transform: rotate(4.71rad); transform: rotate(4.71rad);
width: 8px; height: 9px; left: 186px; top: 212.4px;}

#warped2 .w12 {-moz-transform: rotate(0.37rad);-webkit-transform: rotate(0.37rad);-o-transform:
rotate(0.37rad);-ms-transform: rotate(0.37rad); transform: rotate(0.37rad);
width: 7px; height: 9px; left: 342.49px; top: 107.01px;}

#warped2 .w13 {-moz-transform: rotate(0.46rad);-webkit-transform: rotate(0.46rad);-o-transform:
rotate(0.46rad);-ms-transform: rotate(0.46rad); transform: rotate(0.46rad);
width: 4px; height: 9px; left: 353.56px; top: 111.32px;}

#warped2 .w14 {-moz-transform: rotate(0.55rad);-webkit-transform: rotate(0.55rad);-o-transform:
rotate(0.55rad);-ms-transform: rotate(0.55rad); transform: rotate(0.55rad);
width: 6px; height: 9px; left: 361.27px; top: 116.23px;}

#warped2 .w15 {-moz-transform: rotate(0.66rad);-webkit-transform: rotate(0.66rad);-o-transform:
rotate(0.66rad);-ms-transform: rotate(0.66rad); transform: rotate(0.66rad);
width: 9px; height: 9px; left: 370px; top: 123.41px;}



#warped3 {
    position: absolute;
    display: block;
    top: -21px;
    left: -121px;
}

#warped3>span[class^=w]:nth-of-type(n+0){display:block; position:absolute;
-moz-transform-origin:50% 100%; -webkit-transform-origin:50% 100%; -o-transform-origin:50%
100%; -ms-transform-origin:50% 100%; transform-origin:50% 100%; }

#warped3 span{font-family: 'Montserrat', Arial;font-size:14px;font-weight:regular;font-style:normal;
line-height:0.65; white-space:pre; overflow:visible; padding:0px;}

#warped3 .w0 {-moz-transform: rotate(1.21rad);-webkit-transform: rotate(1.21rad);-o-transform:
rotate(1.21rad);-ms-transform: rotate(1.21rad); transform: rotate(1.21rad);
width: 8px; height: 9px; left: 407.01px; top: 173.71px;}

#warped3 .w1 {-moz-transform: rotate(1.32rad);-webkit-transform: rotate(1.32rad);-o-transform:
rotate(1.32rad);-ms-transform: rotate(1.32rad); transform: rotate(1.32rad);
width: 7px; height: 9px; left: 411.17px; top: 185.65px;}

#warped3 .w2 {-moz-transform: rotate(1.44rad);-webkit-transform: rotate(1.44rad);-o-transform:
rotate(1.44rad);-ms-transform: rotate(1.44rad); transform: rotate(1.44rad);
width: 9px; height: 9px; left: 412.56px; top: 198.42px;}

#warped3 .w3 {-moz-transform: rotate(1.56rad);-webkit-transform: rotate(1.56rad);-o-transform:
rotate(1.56rad);-ms-transform: rotate(1.56rad); transform: rotate(1.56rad);
width: 8px; height: 9px; left: 413.99px; top: 211.89px;}

#warped3 .w4 {-moz-transform: rotate(1.66rad);-webkit-transform: rotate(1.66rad);-o-transform:
rotate(1.66rad);-ms-transform: rotate(1.66rad); transform: rotate(1.66rad);
width: 6px; height: 9px; left: 414.48px; top: 223.87px;}

#warped3 .w5 {-moz-transform: rotate(1.75rad);-webkit-transform: rotate(1.75rad);-o-transform:
rotate(1.75rad);-ms-transform: rotate(1.75rad); transform: rotate(1.75rad);
width: 4px; height: 9px; left: 414.09px; top: 233.77px;}

#warped3 .w6 {-moz-transform: rotate(1.85rad);-webkit-transform: rotate(1.85rad);-o-transform:
rotate(1.85rad);-ms-transform: rotate(1.85rad); transform: rotate(1.85rad);
width: 8px; height: 9px; left: 409.56px; top: 244.47px;}

#warped3 .w7 {-moz-transform: rotate(1.96rad);-webkit-transform: rotate(1.96rad);-o-transform:
rotate(1.96rad);-ms-transform: rotate(1.96rad); transform: rotate(1.96rad);
width: 8px; height: 9px; left: 405.27px; top: 256.73px;}

#warped3 .w8 {-moz-transform: rotate(2.07rad);-webkit-transform: rotate(2.07rad);-o-transform:
rotate(2.07rad);-ms-transform: rotate(2.07rad); transform: rotate(2.07rad);
width: 7px; height: 9px; left: 400.35px; top: 267.99px;}

#warped3 .w9 {-moz-transform: rotate(2.16rad);-webkit-transform: rotate(2.16rad);-o-transform:
rotate(2.16rad);-ms-transform: rotate(2.16rad); transform: rotate(2.16rad);
width: 4px; height: 9px; left: 396.37px; top: 276.94px;}

#warped3 .w10 {-moz-transform: rotate(2.26rad);-webkit-transform: rotate(2.26rad);-o-transform:
rotate(2.26rad);-ms-transform: rotate(2.26rad); transform: rotate(2.26rad);
width: 9px; height: 9px; left: 386.95px; top: 286.12px;}

#warped3 .w11 {-moz-transform: rotate(2.36rad);-webkit-transform: rotate(2.36rad);-o-transform:
rotate(2.36rad);-ms-transform: rotate(2.36rad); transform: rotate(2.36rad);
width: 4px; height: 9px; left: 381.64px; top: 294.56px;}

#warped3 .w12 {
    -moz-transform: rotate(2.46rad);
    -webkit-transform: rotate(2.46rad);
    -o-transform: rotate(2.46rad);
    -ms-transform: rotate(2.46rad); 
    transform: rotate(2.46rad);
    width: 7px; 
    height: 9px; 
    left: 372.3px;
    top: 298.54px;
}

#warped3 .w13 {
    -moz-transform: rotate(2.55rad);
    -webkit-transform: rotate(2.55rad);
    -o-transform: rotate(2.55rad);
    -ms-transform: rotate(2.55rad); 
    transform: rotate(2.55rad);
    width: 4px; 
    height: 9px; 
    left: 365.35px; 
    top: 305.77px;
}

#warped3 .w14 {
    -moz-transform: rotate(2.64rad);
    -webkit-transform: rotate(2.64rad);
    -o-transform: rotate(2.64rad);
    -ms-transform: rotate(2.64rad); 
    transform: rotate(2.64rad);
    width: 6px; 
    height: 9px; 
    left: 355.81px; 
    top: 309.95px;
}

#warped3 .w15 {
    -moz-transform: rotate(2.74rad);
    -webkit-transform: rotate(2.74rad);
    -o-transform: rotate(2.74rad);
    -ms-transform: rotate(2.74rad); 
    transform: rotate(2.74rad);
    width: 9px; 
    height: 9px; 
    left: 343.04px;
    top: 313.35px;
}

#warped3 .w16 {
    -moz-transform: rotate(2.85rad);
    -webkit-transform: rotate(2.85rad);
    -o-transform: rotate(2.85rad);
    -ms-transform: rotate(2.85rad); 
    transform: rotate(2.85rad);
    width: 5px; 
    height: 9px; 
    left: 335.73px;
    top: 316.34px;
}

#warped3 .w17 {-moz-transform: rotate(6.09rad);-webkit-transform: rotate(6.09rad);-o-transform:
rotate(6.09rad);-ms-transform: rotate(6.09rad); transform: rotate(6.09rad);
width: 21px; height: 24px; left: 256.43px; top: 51.51px;}

#warped3 .w18 {-moz-transform: rotate(6.28rad);-webkit-transform: rotate(6.28rad);-o-transform:
rotate(6.28rad);-ms-transform: rotate(6.28rad); transform: rotate(6.28rad);
width: 23px; height: 24px; left: 282.27px; top: 49px;}

#warped3 .w19 {-moz-transform: rotate(6.43rad);-webkit-transform: rotate(6.43rad);-o-transform:
rotate(6.43rad);-ms-transform: rotate(6.43rad); transform: rotate(6.43rad);
width: 13px; height: 24px; left: 310.18px; top: 50.76px;}

#warped3 .w20 {-moz-transform: rotate(6.59rad);-webkit-transform: rotate(6.59rad);-o-transform:
rotate(6.59rad);-ms-transform: rotate(6.59rad); transform: rotate(6.59rad);
width: 23px; height: 24px; left: 327.54px; top: 56.07px;}



.launch-survey-wp {
    padding: 15px;
}
.launch-survey-wp .small-message {
    margin-bottom: 12px;
}


.pie-chart-ambitos {
    height: 297px;
}


.table--colegios-content td {
    line-height: 1.2em;
}


.superindex {
    position: relative;
    top: 2px;
    font-size: 10px;
}

.gi_chat_header i {
    font-size: 12px !important;
}

.clear {
    float: none;
    clear: both;
}

.filters {
    display: inline-block;
    float: right;
    position: relative;
    width: calc(100% - 15px);
}

.filters span.info_help {
    color: #777;
    float: right;
    margin-bottom: -10px;
    margin-right: 23px;
    margin-top: 15px;
}

.filters span.info_help::after {
    content: 'Añade o elimina filtros a tu diagnóstico para ver la información relacionada con el ámbito que desees';
    display: none;
    position: absolute;
    color: #c1c1c1;
    padding: 6px 12px;
    font-size: 12px;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px #ddd;
    left: auto;
    right: 0;
    top: 30px;
    z-index: 99;
}

.filters span.info_help:hover::after {
    display: block;
}
    
    


#container_donut_ch {
    padding: 0px 20px;
    max-width: 600px;
    margin: 0 auto !important;
}

#container_donut_ch .categoryBtn:hover {
    cursor: pointer;
}

#container_donut_ch .dimensionBtn use {
    cursor: pointer;
}

#categoryNames * {
    pointer-events:none
}




.custom-navigation .menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
    background-color: #FFFFFF;
    box-sizing: border-box;
    border-bottom: 2px solid #CECECE;
    z-index: 99999;
}

.custom-navigation .menu .left-panel {
    position: relative;
    float: left;
    width: 40%;
    height: 6em;
    padding: 1em;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.custom-navigation .menu .right-panel {
    position: relative;
    float: left;
    width: 60%;
    height: 6em;
    padding: 1em;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

.custom-navigation .menu .right-panel .social {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
}

.custom-navigation .menu .right-panel .social .comment-box {
    position: relative;
    background-color: #CECECE;
    padding: 0.75em 1em;
    border-radius: 0.25em;
}

.custom-navigation .menu .right-panel .social .comment-box span {
    content: '10';
    position: absolute;
    top: -1em;
    left: -1em;
    background-color: #369;
    color: #FFFFFF;
    padding: 5px 7px;
    border-radius: 50%;
    min-height: 27px;
    min-width: 27px;
    text-align: center;
}

.custom-navigation .menu .right-panel .social .notification-box {
    position: relative;
    background-color: #CECECE;
    padding: 0.75em 1em;
    border-radius: 0.25em;
}

.custom-navigation .menu .right-panel .social .notification-box span {
    content: '10';
    position: absolute;
    top: -1em;
    right: -1em;
    background-color: #369;
    color: #FFFFFF;
    padding: 5px 7px;
    border-radius: 50%;
    min-height: 27px;
    min-width: 27px;
    text-align: center;
}

.custom-navigation .menu .right-panel .social .out-of-box {
    padding: 0.6em 1em 0 1.5em;
}

.custom-navigation .menu .right-panel .social .out-of-box .fa {
    position: relative;
    top: 0.25em;
    color: #CECECE;
    font-size: 2.5em;
}

.submenu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 5em;
    background-color: #FFFFFF;
    z-index: 990;
    transition: 0.5s;
    text-align: center;
}

.submenu #select {
    margin-top: 1em;
}

.progress-bar {
    height: 0.5em;
    margin-top: 1em;
    width: 100%;
    background-color: #DADADA;
    position: relative;
}

.progress-bar span {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 20%;
    background-color: #599AE5;
    transition: 0.5s;
    ;
}

.trigger {
    position: relative;
    text-align: center;
    height: 1em;
}

.page {
    height: 12em;
}




.main-wrapper .container {
    position: relative;
    top: 7em;
    width: 70%;
}

.main-wrapper .panel .panel-body {
    min-height: 15em;
}

.main-wrapper .btn-outline {
    box-sizing: border-box;
    border: 2px solid #4990E2;
    border-radius: 50px;
    color: #6DA6E8;
    background-color: #FFFFFF;
    margin-top: 5em;
    transition: 0.3s;
    padding: 12px;
}

.main-wrapper .btn-outline:hover {
    background-color: #4990E2;
    color: #FFFFFF;
}

.vector-panel .panel-body,
.global-panel .panel-body {
    position: relative;
    overflow: hidden;
}

.vector-panel .panel-body .overlay,
.global-panel .panel-body .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.vector-panel .panel-body .overlay span,
.global-panel .panel-body .overlay span {
    position: absolute;
    bottom: -15%;
    right: -10%;
    font-size: 12em;
    opacity: 0.2;
}

.global-panel h2.app_title,
.vector-panel h2.app_title {
    font-size: 30px;
    color: #1a1a1a;
}






.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100% !important;
    padding-right: 1px !important;
    height: 10px;
    background: #DADADA;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
    margin: 4em 0 2em 0;
    border-radius: 10px;
}

.slider:hover {
    opacity: 1;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 5px #000;
    z-index: 10;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: 0 0 5px #000;
    z-index: 10;
}

.slider::-moz-range-thumb:before {
    content: 'sss';
}
.niveles-slider{
    width: 100%;
}
.marcador-niveles{
    width: 100%;
    border: 2px solid #DBDBDB;
    margin-top: 50px;
    border-radius: 4px;
    padding: 15px 15px 15px 15px;
}
.triangulo_sup {
    position: absolute;
    margin-top: -26px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #DBDBDB;
    left: calc(15px);
}







.minimo-label {
    position: relative;
    width: 100%;
    top: 19px;
    left: 0;
}
.minimo-label p{
    font-size: 12px;
    position: absolute;
    margin-left: -22px;
    font-weight: 100 !important;
}

.minimo-label div {
    position: absolute;
    top: 26px;
    opacity: 0.3;
    font-weight: bold;
    color: #999999;
    height: 50px;
    width: 5px;
    background-color: #7ECE27;
    border-radius: 9px;
}

.minimo-label span.minimo1 {
    left: 25.4%;
}

.minimo-label span.minimo2 {
    left: 49.7%;
}

.minimo-label span.minimo3 {
    left: 74%;
}

.minimo-label span.minimo4 {
    left: 98.3%;
}

.minimo-label .minimo_label_1 {
    left: 25.1%;
}
.minimo-label .minimo_label_2 {
    left: 49.7%;
}
.minimo-label .minimo_label_3 {
    left: 74.1%; 
}
.minimo-label .minimo_label_4 {
    left: 98.7%;
}

.minimo-label span:before {
    content: 'minimo';
    position: relative;
    top: -18px;
    left: -20px;
}

.slider-label {
    position: relative;
    width: 100%;
    top: -3px;
    left: 0;
    margin-bottom: 10em;
}

.slider-label span {
    position: absolute;
    top: 0;
    left: 0;
    font-weight: bold;
    color: #999999;
}

.slider-label span a {
    color: #999999;
}

.slider-label span.l0 {
    left: 0.75%;
}

.slider-label span.l1 {
    left: 25.25%;
}

.slider-label span.l2 {
    left: 49.5%;
}

.slider-label span.l3 {
    left: 74%;
}

.slider-label span.l4 {
    left: 98.5%;
}

.tooltip {
    position: relative;
}

.tooltip .tooltip-inner {
    position: absolute;
    max-width: 70% !important;
    left: 15% !important;
    background-color: #FFFFFF;
    color: #000000;
    border: 2px solid #CBCBCE;
    padding: 10px !important;
    text-align: left !important;
    box-sizing: border-box;
}

.main_block.colegios_block > .colegios_section_content.rewards_section_content {
    background: white;
    padding: 20px;
}
.main_block.colegios_block .wrapper_content.clearfix.rewards_section_selector {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
     box-shadow:none !important;
     padding: 20px;
 
}



footer {
    border-top: 2px solid #CECECE;
    margin-top: 6em;
}


table.dahsboard_ticket_list td {
    border: 1px solid #ccc;
}







@media (max-width: 1250px) {
    .slider-label {
        margin-bottom: 12em;
    }
}

@media (max-width: 767px) {
    .main-wrapper .container {
        width: 100%;
    }
    .tooltip .tooltip-inner {
        max-width: 98% !important;
        left: 1% !important;
    }
    .slider-label {
        margin-bottom: 17em;
    }
}



  
#mainPage{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding:40px 30% 100px 30% !important;
}
.texto-informacion{
    font-family: 'Montserrat', Arial;
    font-size: 12px;
    margin: 0px;
}
.box-effects{
    flex: 0 0 auto;
    padding: 15px 13px;
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 18px 0
    rgba(0, 0, 0, 0.13);
    border-radius: 9px;
}
.fila-flex{
    width: 100%;
}
#mainPage .fila-flex{
    margin-top: 20px;
}
.btn-see{
    padding: 6px 50px;
    background-color:#86CC93;
    border-radius: 15px;
    border: solid 2px #86CC93;
    color:#ffffff;
    text-decoration:none;
    font-family: 'Montserrat', Arial;
    font-size:12px;


}

.btn-danger{
    padding: 8px 20px;
    letter-spacing: normal;
    font-weight: bold;
}
.btn-flex-right-container{
    display:flex;
    justify-content:flex-end;
}
.box-effects a:hover{
    background-color: white;
    transition: 300ms all;
    color: #86CC93;
    border: solid 2px #86CC93;
}
.box-circle{
    border-radius:50%;
    background-color: #efefef;
    width: 45px;
    height: 45px;
}
.box-effects p{
    font-family: 'Montserrat', Arial;
    font-size: 14px;
}
.oculto{
    display:none;
}
.tooltip .tooltiptext {
    width:300px;
    max-width: 300px;
    padding: 20px 20px;
    background-color: #efefef;
    color: #4990e2;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 0 18px 0
    rgba(19, 19, 19, 0.452);
    font-family: 'Montserrat', Arial;
    
    position: absolute;
    z-index: 1;
    margin-left: 125px;
    margin-top: -20px;
}

#mainBody{
    background-color:white;
    height:90%;
}
.tooltip img{
    width:25px;
}
.textoLargo{
    font-size: 14px !important;
}
.box-effects div:nth-child(1){
    display:flex;
    justify-content:center;
}
.contenedor-info{
    display: flex;
    justify-content: flex-end !important;
}

.box-effects div:nth-child(3){
    display: flex;
    justify-content: center;
    margin-top:10px;
}
.box-effects div:nth-child(3) img{
    
}
.box-effects div:nth-child(4){
    display: flex;
    justify-content: center;
    margin-top:10px;
}
.box-effects div:nth-child(5){
    display: flex;
    justify-content: center;
    margin-top:10px;
}
@media only screen and (max-width: 1400px) {
    #mainPage{
        padding:40px 26% 100px 28% !important;
    }
}
@media only screen and (max-width: 1250px) {
    #mainPage{
        padding:40px 23% 100px 25% !important;
    }
}
@media only screen and (max-width: 1100px) {
    #mainPage{
        padding:40px 20% 100px 23% !important;
    }
}
 @media only screen and (max-width: 980px) {
    #mainPage{
        padding:40px 20% 100px 20% !important;
    }
}
 @media only screen and (max-width: 850px) {
    #mainPage{
        padding:40px 10% 100px 10% !important;
    }
}
@media only screen and (max-width: 750px) {
    .fila{
        display:block;
    }
}
.spinner{
    margin:125px auto !important;
}
.rtsearcher-results_box ul li{
    color: black !important;
}
.content__top__text small{
    margin-left: 35px;
}
.c_white{
    color:white !important;
}
.dashboard_tittle{
    font-size: 13px !important;
    font-family: 'Montserrat', Arial !important;
}
.graphs__circle__text {
    margin: 0 25px;
}
.fj_popup.popupWindow .popup_inner_container{
    max-height: 90vh;
    margin-top: -90px;
    overflow-y: auto;
    
}
.input_preguntas_editable{
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 8px;
}
.input_preguntas_editable label{
    font-family: 'Montserrat', Arial;
}
.download_button{
    float: left !important;
}
.grid{
    display: grid;
}
.btn--next--step{
    float: right;
    margin-top: 2%;
    margin-right: 15px;
}
.btn-cookie-definition{
    display:none !important;
}
.tab_navigation{

}
.bot_tab{
    border-bottom: 0px solid !important;
}


.gi-email_list_mergetags tbody tr:nth-child(n+4){
    display:none;
}
.question_matrix .divTableCell, .question_matrix .divTableHead {
    display: table-cell;
    padding: 8px 10px;
}
.answer-check-image.check, .answer-radio-image.check {
    border: 2px solid #4a90e2 !important;
}
.icon_delete_elem{
    margin-right: 32px;
    float: right;
    color: red;
    font-size: 18px;
}
.content_questions  td.td_actions {
    vertical-align: middle;
}
.content_questions  td.td_actions i.fa.fa-arrows-alt.fa-drag-question {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer;
    color: #43CEC5 !important;
    font-size: 25px;
}

.plan_estrat_wrapper .main_block .app_title_pei{
    margin-top: 20px;
    margin-bottom: 30px;
}
.titleSection{
    font-size: 20px;
}
.titleSectionHelp{
    font-size: 14px;
    line-height: 21px;
    margin-left: 20px;
    margin-bottom: 30px;
}
.showMoretitle{
    margin-bottom: 15px;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}
.exp-box-chart-2 {
    line-height: 130%;
}

.survetContent {
    text-align: right;
    color: #666;
    line-height: 20px;
    overflow: visible !important;
    position: relative;
}

.survetContent .list {
    position: absolute;
    left: calc(100% - 240px);
    width: 240px;
    height: auto;
    background-color: #fff;
    z-index: 99;
    box-shadow: 1px 1px 2px 2px #ccc;
    padding: 20px !important;
    text-align: left;
    font-size: 14px;
    line-height: 1.4;
    font-family: 'Montserrat', Arial;
}

.survetContent .list .file {
    padding: 4px 0;
}

.survetContent .list .file .fa {
    margin-right: 5px;
}
.popupWindow{
    min-width: 100%;
}

.popupWindow{
    overflow-y: hidden!important;
    
}


.popupTitleContent span{
    padding-left: 0px !important;
}

.wrp-buttons-right {
    float: right;
}
.wrp-buttons-left {
    float: left;
}
.wrp-buttons {
    padding: 30px 0;
    text-align: center;
    padding: 24px 43px 12px 22px;
    width: 100%;
}
.om-missions-wrapper-showfilters{
    position: relative !important;
}
.acciones_block .jq_pager{
    height: 10px !important;
}
.content-compromisos .box-nivel{
    display: flex;
    margin-top: 5px;
}
.highcharts-button-symbol{
    display: none;
}
@media only screen and (max-width: 1024px) {
    .sbox-content h2 {
        font-size: 14px;
    }
    .wrapper__50 {
        margin-left: 25%;
    }
    #onboardMenu.is-closed .smallTitle {
        font-size: 13px !important;
        padding-left: 10px;
    }
    #onboardMenu.is-closed .single-box-v2 .smallTitle {
        font-size: 13px !important;
        padding-left: 10px;
    }
    .wrapper__50{
        left: 0px !important;
        margin-left: 0px !important;
    }
    .level__indicator{
        margin-left: 22.8% !important;
    }
    .level__indicator:nth-child(1){
        margin-left: 0px !important;
    }
    .status{
        transform: translateX(-50px);
    }
    .plan-de-head h1{
        padding-top: 24px !important;
    }
    .sbox-icon > img {
        width: 90px;
        height: auto;
    }
    #onboardMenu.is-closed .inst-box .sbox-icon img{
        height: 50px !important;
    }
    
   
}
.sol_banner > div {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: -webkit-flex;
    -webkit-flex-direction: column;
    -webkit-align-items: center;
    -webkit-justify-content: center;
}

.sol_banner_logo{
    max-width: 300px;
    max-height: 80px;
    min-width: 180px;
}
.sol_banner_text{
    color: white;
    font-family: "Montserrat", Arial;
    font-size: 24px !important;
    margin-top: 20px;
    text-align: center;
    line-height: 1.4;
    margin-top: 20px;
}
.adc_new_alumn .alumns_send_email input,
.adc_new_alumn .text_no_email{
    display: none;
}
.app-policy-content-text,
.app-policy-content-text p{
    line-height: 25px !important;
}
.app-policy-content-text ul li{
    list-style-type: initial;
    margin-left: 50px;
}

.sep_col .colegios-erv{
    margin-top: 30px;
}

.tra-container input{
    width: 100%;
    margin: 10px 0 40px 0;
}

.td_actions .fas,
.td_actions .far {
    padding: 14px 6px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    
}

.subquestion_column{
    padding: 15px 20px 0 0;
    line-height: 18px;
}

.subquestion_column,
.sec_title{
    text-align: left;
}

.subquestion_column{
    position: relative;   
}

.more-btn{
    display: flex;
    flex-direction: column;
    float: right;
}
    
.more-btn div{
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background: rgb(127, 140, 141);
    margin-bottom: 3px;
}

.desplegable_acciones{
    display:none;
    position: absolute;
    width: 250px;
    left: 32%;
    box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.1);
    background-color: white;
    z-index: 9999;
    padding: 15px;
}

.desplegable_acciones div{
    margin-bottom: 10px;   
}

.subquestion_column.active .desplegable_acciones,
.question_column.active .desplegable_acciones{
    
    display: block;
}
#containerDetails {
    margin-bottom: 60px;
}

.container-helper-chart {
	margin: 25px;
    padding: 7px;
    background: #f1f1f1;
    border-radius: 8px;
    padding-left: 15px;
    color: #666;
    margin-top: 0;
    line-height: 20px;
}