@charset "UTF-8";

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

CONTENT:

01 HTML - BODY
02 BUTTONS
03 MENU
04 GENERAL
    04-1 NEW EVALUATION - CONFIGURATION
05 GRIDVIEW
06
07
08
09
10

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

/* ---------------------------------------------------------------------------------------------------------------------------------------------
01 HTML - BODY
--------------------------------------------------------------------------------------------------------------------------------------------- */
:root {
  --main-bg-color: #f7f7f7;
  /*--brand-bg-color: #99999;*/
  --brand-bg-color: #CBCDCE;
  --brand-font-color: #555555;
  --dark-color: #333333;
  --quadrant1-color : #3791d6;
  --quadrant2-color : #62c19d;
  --quadrant3-color : #62c19d;
  --quadrant4-color : #f5c668;
  --quadrant5-color : #3791d6;
  --quadrant6-color : #62c19d;
  --quadrant7-color : #f56f58;
  --quadrant8-color : #f5c668;
  --quadrant9-color : #3791d6;
  --quadrant-fontcolor : white;
  --link : #3791d6;
  --actions-button: #25745F;
  --accept-button: #6CC5A4;
  --discard-button: #F56F58;
  --left-menu-bg-color: #F5F5F6;
  --border-default-color: #D7D8DA;
  --advisor-button: #255274;
}
 
/*brand*/
.brand-backcolor { background-color: var(--brand-bg-color) !important; }
.menu-left ul li.menu-left-selected.brand-backcolor a:hover { background-color: var(--brand-bg-color) !important; }
.grid-content .brand-leftborder { background-image: -webkit-linear-gradient(left, var(--brand-bg-color) 10px, transparent 10px); } 
 
html { background-color: var(--main-bg-color); }
html, body { height: 100%; width: 100%; margin: 0; padding: 0; font-family: 'Poppins', Arial, sans-serif; font-size: 90%; }
body { min-width: 1024px; overflow-x: hidden; }
    body.body-evaluation { min-width: 350px; }
    body.body-orgchartsetting { overflow:hidden; overflow-x: hidden; overflow-y: hidden; }

::selection { background: #f0a66c; /* WebKit/Blink Browsers */ color: white; }

img { outline: none; }
a img{ border: 0px; }

body, .textarea, .textbox, .select, .search, .checkbox, th, tr, tr td, textarea, select, input[type="text"], input[type="date"] { font-family: 'Poppins', Arial, sans-serif; }
h1, h2, h3, h4, p, a, ul, li, .textarea, .textbox, .select, .search, .checkbox, th, tr, textarea, select, input[type="text"]  { font-weight: 400; color: #555555; text-align: left; margin: 0; padding: 0; }
h1 { font-size: 1.4rem; letter-spacing: 1px; }
h2 { font-size: 1.3rem; font-weight: 500; }
h3 { font-size: 1.2rem; }
h4 { font-size: 1.1rem; }
p, a, ul, li, .textarea, .textbox, .search, .checkbox, .select, th, tr, tr td, textarea, select, input[type="text"], input[type="date"] { font-size: 1rem; line-height: 1.6rem; }
input[type="checkbox"] { cursor: pointer; }
input[type="date"] { height: 30px; }
/**th, tr, tr td { -webkit-font-smoothing: antialiased; }**/

.padding-top { padding-top: 60px; } 

ul { list-style: none; } 

input { outline: none; cursor: text; }


select { border-color: #999999; }
.select { border-color: #999999; }
a { text-decoration: none; outline: none; }
a.click { cursor: pointer; }
.bold { font-weight: 600; color: #3979B8; }
.bold700 { font-weight: 700; }
.bold600 { font-weight: 600; }
.textbox b { font-weight: 500; color: black; cursor: text; }

h3.red, p.red, .textbox.red { color: #E75151; }
h3.white, p.white { color: white; }
select { cursor: pointer; }

textarea { width: 301px; height: 18px; border: 1px solid #CCCCCC; border-radius: 0; padding: 10px; margin: 0; resize: none; text-indent: 0; background-color: white; line-height: 18px; cursor: text !important; outline: none; }
    textarea.comment { height: 100px; float: left; width: 85%; display: inline-block; margin-right: 20px; } 

.textbox { width: 301px; height: 18px; border: 1px solid #CCCCCC; border-radius: 0; padding: 10px; margin: 0; resize: none; text-indent: 0; background-color: white; }
    .textbox.paragraph { width: 600px; min-height: 250px; height:auto; margin: 5px 0 0 0; padding: 10px; }
        .textbox.paragraph.mid { min-height: 400px; }
        .textbox.paragraph.half-height { min-height: 125px; }
    .textbox.missing { background-color: rgba(187, 92, 95,0.3); }
    .textbox.large { width: 600px; }

input[type="number"] {  width: 60px; height: 30px; border: 1px solid #CCCCCC; border-radius: 0; padding: 0 5px 0 5px; margin: 0; resize: none; text-indent: 0; background-color: white; }
input[type="text"] {  width: 301px; height: 18px; border: 1px solid #CCCCCC; border-radius: 0; padding: 10px; margin: 0; resize: none; text-indent: 0; background-color: white; }


.yellow-back { background-color: #FDF1D4; }
.white-back { background-color: white; }
.disable { pointer-events: none; cursor: default; } 
.disable-opacity { pointer-events: none; cursor: default; opacity:0.7; } 

::selection { background: RGBA(240, 166, 108, 0.50); /* WebKit/Blink Browsers */ }

.loading { display: block; position: fixed; width: 50px; height: 50px; top: 50%; left: 50%; margin-left: -25px; background-color: transparent; z-index: 200000; }

.progress { display: block; position: absolute; width: 100%; height: 50px; top: 60%; background-color: transparent; z-index: 200000; }
    .progress p { width: 100%; text-align: center;  color: white; font-size: 2em; }

.cubrepantalla { display: block; position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background-color: black; opacity: 0.7; z-index: 1000; }
	.cubrepantalla.hide { visibility: hidden; display: none; }
	/*.cubrepantalla.gris { background-color: black; opacity: 0.7; }*/
	.cubrepantalla.trans { background-color: transparent; z-index: 100000; }

.item { cursor: pointer; }
    .item.disable { cursor: default; }


.hide1 { visibility: hidden; height: 1px; }
.hide { visibility: hidden; display: none !important; }
.show { visibility: visible; display: block; }

textarea.autosize{ display:block; }

.dropdown-select-content::-webkit-scrollbar { width: 12px; background: #E4E4E4; }
    .dropdown-select-content::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .dropdown-select-content::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

textarea::-webkit-scrollbar { width: 12px; background: transparent; }
    textarea::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        textarea::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.grid-scroll-horizontal::-webkit-scrollbar { width: 12px; background: transparent; }
    .grid-scroll-horizontal::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .grid-scroll-horizontal::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.table-reviewees::-webkit-scrollbar { width: 12px; background: #E4E4E4; }
    .table-reviewees::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .table-reviewees::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.table-reviewers::-webkit-scrollbar { width: 12px; background: #E4E4E4; }
    .table-reviewers::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .table-reviewers::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.horizontal-scroll-grid::-webkit-scrollbar { width: 12px; background: transparent; }
    .horizontal-scroll-grid::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .horizontal-scroll-grid::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.table-list-reviewers::-webkit-scrollbar { width: 12px; background: transparent; }
    .table-list-reviewers::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .table-list-reviewers::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

.ninebox .quadrant .list::-webkit-scrollbar { width: 12px; background: transparent; }
    .ninebox .quadrant .list::-webkit-scrollbar-thumb { background: #C9C9C9; display: none; }
        .ninebox .quadrant .list::-webkit-scrollbar-thumb:hover { background: #B9B9B9; }

::-webkit-scrollbar-corner { display: none; }
/*
body::-webkit-scrollbar { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); }*/
    /*body::-webkit-scrollbar-thumb:hover { display: block; }*/
    textarea:hover::-webkit-scrollbar-thumb { display: block; }
    .dropdown-select-content:hover::-webkit-scrollbar-thumb { display: block; }
    .dropdown-content ul:hover::-webkit-scrollbar-thumb { display: block; }
    .table-list-reviewers:hover::-webkit-scrollbar-thumb { display: block; }
    .dropdown-content:hover::-webkit-scrollbar-thumb { display: block; }

    .grid-scroll-horizontal::-webkit-scrollbar-thumb { display: block; }
    .table-reviewees::-webkit-scrollbar-thumb { display: block; }
    .table-reviewers::-webkit-scrollbar-thumb { display: block; }
    .ninebox .quadrant .list::-webkit-scrollbar-thumb { display: block; }
    .horizontal-scroll-grid::-webkit-scrollbar-thumb { display: block; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------
PRINT
--------------------------------------------------------------------------------------------------------------------------------------------- */  
/*PERFORMANCE*/
.content-pane.has-left-menu.icon-menu.printF  { left: 0; top: 0; margin: 0; height: auto; padding: 0 0 10px 20px; }
.content-pane.has-left-menu.icon-menu.printF .button  { display: none; }
.performance-new.printF .grid-content tr.key-row.w4.due td.key-settings ul li { width: 23%; }

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

.content-pane.evaluation a.button { float: none; display: block; width: 100%; max-width: unset; margin: 20px 0 50px 0; padding: 10px 0; text-align: center; cursor: pointer; transition: all 0.3s ease-out; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); } 
   
    .content-pane.evaluation .show-hide { height: 40px; margin: 5px 0 20px 0; }
        .content-pane.evaluation .show-hide a.button { float: left; width: 33.333%; margin: 0; }
            .content-pane.evaluation .show-hide a.button.clear { cursor: default; box-shadow: none; }
            .content-pane.evaluation .show-hide a.button.disable { cursor: default; background-color: #D9D9D9; color: #888888; }

a.button { padding: 10.2px 12px; font-weight: 500; font-size: 1rem; cursor: pointer; }

a.button.save { float: none; display: block; width: 100%; margin: 20px 0 50px 0; padding: 10px 0; text-align: center; cursor: pointer; transition: all 0.3s ease-out; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15); }
    a.button.mid { width: 45%; float:left; margin: 50px 25px 50px 25px; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);  }
    a.button.mid3 {  box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.15);  }
        a.button.mid.save { background-color: #3BB273; color: white; }  
        a.button.mid.save.disable { background-color: #999999; border-color: #999999; }

.download-action { width: 99%; text-align: center; padding: 100px 0 0 0; }
    .download-action a.button.green { display: inline-block; width: 200px; text-align: center; } 
    .download-action p { display: inline-block; width: 25% !important; height: 50px; margin: 0 20px 0 20px; vertical-align: top; font-size:1.1rem; font-weight: 600; }

a.button.brand-backcolor { background-color: var(--brand-bg-color); color: white; z-index: 0; }
    a.button.brand-backcolor:hover { opacity: .9; transition: opacity .3s ease-in-out;  }
    a.button.brand-backcolor.hide { visibility:hidden; display:none; }

a.button.brand-backopacity:hover { opacity: .9; transition: opacity .3s ease-in-out; }

a.button.green { background-color: var(--accept-button); color: white; font-weight: 500; border: 1px solid var(--accept-button); }
    a.button.green:hover { background-color: #3FC17C; border: 1px solid #3FC17C; }
    a.button.green span { font-weight: 600; padding: 0 5px 0 0; }

a.button.blue { background-color: #4183C4; color: white; }
    a.button.blue:hover { background-color: #458CD3; }

a.button.white { background-color: white; color: #555555; border: 1px solid #CCCCCC; padding-top: 5px; }
    a.button.white:hover { background-color: #E7E7E7; }

a.button.red { background-color: #EA7466; color: white; font-weight: 500; border: 1px solid #EA7466; }
    a.button.red:hover { background-color: #E65644; border: 1px solid #E65644; }
    a.button.red span { font-weight: 600; padding: 0 5px 0 0; }

a.button.yellow { background-color: #FFBB4B; }
    a.button.yellow:hover { background-color: #E19F3F; }

a.button.orange { background-color: #F1A473; color: white; cursor: default; }
    a.button.orange:hover { background-color: #F1A473;  cursor: default; }

a.button.disable { background-color: #999999; border-color: #999999; }
    a.button.disable:hover { background-color: #999999; }
    a.button.disable.brand-backcolor { background-color: #999999 !important; }

a.button.unfinish {  }
    a.button.unfinish:hover {  }
    
a.button:hover { transition: background-color .3s ease-in-out; }	

a.button.green.hide { display: none; }

a.link { color: #4183C4; cursor: pointer; padding: 0; }
p.red { color: #EA7466; font-weight: 600; }
p.blue { color: #4183C4; font-weight: 600; }

a.dropdown-right { float: right; font-size: 1.5rem; padding-right: 6px !important; }
.disable a.dropdown-right { color: #D9D9D9; }
a.dropdown-left { float: left; font-size: 1.5rem; padding-right: 6px !important; }

[data-tooltip] {  position: relative; }
[data-tooltip]:before,[data-tooltip]:after {  display: none;  position: absolute;  top: 0; }
[data-tooltip]:before {content: "";  }
[data-tooltip]:after { content: attr(data-tooltip-label) "\A" attr(data-tooltip-message); padding: 2px 5px; margin: 28px 0 0 -300px; background-color: var(--main-bg-color); color: #555555; font-size: 0.8rem; border-radius: 0; border: solid #888888 1px; line-height: 1.2rem; height: 40px; white-space: pre-wrap; text-align: left; font-weight: 400; width: 350px; }
[data-tooltip]:hover:after,[data-tooltip]:hover:before {  display: block; }

/*controls*/
select { width: 30%; max-width: 140px; min-width: 40px; margin: 0 0 0 5px; padding: 0 5px; border-radius: 0; border-color: #CCCCCC; }

/*step buttons*/
.pointer { cursor: pointer; }
 .step-button { width: 150px; height: 150px; display: inline-block; margin: 20px 10px 20px 0; background-color: #8EACC2; vertical-align: middle; cursor: pointer; }
    .step-button:hover { transition: all 200ms; background-color: #9FB9CB; }
    .step-button h2 { text-align: center !important; vertical-align: middle; color: white; padding: 0 !important; font-size: 1rem !important; font-weight: 500 !important; width: 100%; line-height: 150px; vertical-align: central; }
        .step-button h2.double { line-height: 20px; padding-top: 55px !important; }
    .step-button p { text-align: center; color: white; margin: 0 auto; padding: 0 0 20px 0; font-size: 1.1rem; }
    .step-button.-sel { background-color: #32C283; }


/*add-delete*/ 
.add-delete { width: 35px; height: 100%; display: block; text-align: center; vertical-align: middle; }
    .add-delete a { display: block; width: 100%; border-left: 2px solid var(--main-bg-color); text-align: center; vertical-align: middle; font-size: 1.5rem; cursor: pointer; color: white; height: 49%; max-height: 55px; line-height: 55px; } 
        .add-delete a.disable { pointer-events: none; color: #C9C9C9 !important; }
        .add-delete a.add { border-bottom: 1px solid var(--main-bg-color); color: #62c19d; }
        .add-delete a.delete { border-top: 1.5px solid var(--main-bg-color); color: #FB6042; border-bottom: 1px solid var(--main-bg-color); }
       /*     .performance-new tr.goal-row .add-delete a { line-height: 40px; height: 40px; } */
            .performance-new tr.goal-row .add-delete a.add { color: white; } 
            .performance-new tr.goal-row .add-delete a.delete { color: white; }
            .performance-new tr.key-row .add-delete a { line-height: 45px; }            
            .performance-new .data-row .add-delete a.add { display: none; }
            .performance-new .data-row .add-delete a.delete { display: none; }

            
            .development tr.area .add-delete a { line-height: 35px; } 
            .development tr.action-row .add-delete a { line-height: 35px; height: 35px; } 
            .development tr.area .add-delete a.add { color: white; }
            .development tr.area .add-delete a.delete { color: white; border-bottom: none; }

            .chart-organization.talentDevelopment .add-delete a { border: none;  }
                .chart-organization.talentDevelopment .add-delete a.add { border-bottom: .08em solid rgb(185,185,185); }

            .chart-organization.talentDevelopment .map .add-delete a { border: none; line-height: 60px; }
             
    ul.add-delete { height: 100%; }
        ul.add-delete li { height: 50%; border-bottom: 1.5px solid  var(--main-bg-color); border-left: 1.5px solid  var(--main-bg-color); border-right: none; border-top: none; text-align: center;margin: 0; }
            ul.add-delete li a { color: white; padding-top: 50%; border: none !important; height: 20px; position: relative; top: calc(50% - 10px); padding: 0; font-size: 1.2rem; line-height: unset !important; cursor: pointer; }
                ul.add-delete li a.disable { pointer-events: none; color: #C9C9C9 !important; }
                tr.goal-row ul.add-delete li a { height: 30px; }
                tr.key-row ul.add-delete li a.add { color: #62c19d; }
                tr.key-row ul.add-delete li a.delete { color: #FB6042; }

/*add-delete-questions*/
.add-delete-question { width: 70px; height: 50px; display: block; vertical-align: middle; }
    .add-delete-question a { display: inline-block; width: 20px; height: 100%; padding: 0 0 0 10px; background-size: 20px; background-repeat: no-repeat; background-position-y: 50%; cursor: pointer; }
    .add-delete-question a.add { background-image: url(../settings/img/add-row.png); }
    .add-delete-question a.delete { background-image: url(../settings/img/delete-row.png); } 

    .add-delete-question.hide { visibility: hidden; } 


/*tooltip gridview*/
.grid-content .column[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 20px 0 0 0px; background-color: #e9e9e9; color: #555555; font-size: 0.8rem; border-radius: 0; border: solid #888888 1px; line-height: 1.4rem; max-width: 200px;  }

/*gridview placeholder*/
.grid-content tr textarea::-webkit-input-placeholder { color: #A9A9A9; }
    .grid-content tr input::-webkit-input-placeholder { color: #A9A9A9; } 
        .grid-content ul li.date input::-webkit-input-placeholder { color: #2D82C9; } 
    .grid-content tr.area textarea::-webkit-input-placeholder { color: white; }
    .grid-content tr.area input::-webkit-input-placeholder { color: white; }
        .grid-content td.weight input::-webkit-input-placeholder { color: white; }
        .grid-content td.key-settings ul .options li.weight input::-webkit-input-placeholder { color: #2D82C9; }
        .grid-content td.comments textarea::-webkit-input-placeholder { color: #A9A9A9; }
.grid-content.yellow-header textarea::-webkit-input-placeholder { color: #898989; }
.grid-content.yellow-header input::-webkit-input-placeholder { color: #898989; }

    .grid-content.yellow-header .area textarea::-webkit-input-placeholder { color: white; }
    .grid-content.yellow-header .area input::-webkit-input-placeholder { color: white; }
 

/*results graph*/
.donut-div { display: inline-block; width: 100%; text-align: center; padding: 0 0 30px 0; }
    .donut-div p { font-weight: 600; text-align: center; width: 100% !important; }
    .donut-div canvas { margin-top: -10px; }
.bar-graph { width: 99%; padding-top: 30px; }

/*top-header*/
.grid-top-header { height: 40px; color: white; margin: 60px 0 0 0; }
    .grid-top-header h1 { padding: 0 !important; }

/*menu-left*/
.grid-content .menu-grid { width: .5%; padding: 0 0 0 5px; }
    .grid-content .menu-grid a.simbol { font-size: 1.5rem; }
    .grid-content .menu-grid .dropdown-content { margin: 0 0 0 -5px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
03 MENU
--------------------------------------------------------------------------------------------------------------------------------------------- */

.navigation { position: fixed; width: 100%; min-width: 1024px; height: 50px; z-index: 1000; overflow: visible; background-color: black; color: white; opacity: 1; transition: opacity .7s ease-in-out; }
    .navigation.scroll { position: relative; min-width: 350px; opacity: 0.0; transition: opacity .7s ease-in-out; }
	
    .navigation li {list-style: none; cursor: pointer;}    

    .navigation a.logo { float: left; padding: 0; width: 60px; text-align: center; }
        .navigation a.logo img { height: 25px; padding: 0; vertical-align: middle; }
	
    .navigation a { float: left; line-height: 50px; padding: 0 22px; color: white; letter-spacing: 0.01rem; transition: background-color 0.2s ease-in-out; font-size: 1rem; cursor: pointer; }        
		.navigation a:hover { background-color: #333333; transition: background-color 0.2s ease-in-out; }
		.navigation a:active { background-color: #333333; }        
		
        .navigation a.salir { float: right; margin: 0; }
        .navigation a.hide { display: none; } 
        .navigation a.navigation-selected { background-color: #333333; }    

    .navigation-right { float: right; }
        .navigation-right a.navigation-buy { background-color: #E14F4F; }
            .navigation-right a.navigation-buy:hover { background-color: #EF5353; transition: background-color 0.2s ease-in-out; }
        
        .navigation-right img.navigation-icon { width: 30px; vertical-align: middle; }

/*        .navigation-right .dropdown { display: inline-block; padding: 0 10px 0 0; width: 200px; cursor: pointer; }*/
        .navigation-right .dropdown { display: inline-block; padding: 0 10px 0 0; width: unset; cursor: pointer; }
        .navigation-right .dropdown:hover { background-color: #333333; }  
        
            .navigation-right .dropdown.notification { width: 45px; padding: 0 10px 0 10px;  }
                .navigation-right .dropdown.notification a { font-size: 2rem; padding: 0; height: 50px; vertical-align: middle; } 
                    .navigation-right .dropdown.notification a.bell { background: "\01F514"; background-color: red; } 
                    .navigation-right .dropdown.notification a span { font-size: 1rem;  padding: 0 0 0 5px; vertical-align: top; height: 50px; }
                .navigation-right .dropdown.notification.hide { display: none; }

            .navigation-right .dropdown a { padding: 0 0 0 10px; }
                .navigation-right .dropdown a:hover { background-color: transparent; }    
                .navigation-right .dropdown a.dropdown-right { font-size: 1.5rem; float: right; }
                
            .navigation-right .dropdown .dropdown-content { display: none; position: fixed; margin: 50px 0 0 0; background-color: #f9f9f9; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); }

                .navigation-right .dropdown-content a { width: 100%; height: 28px; line-height: 25px; display: block; text-align:left; padding: 6px 6px 6px 19px; color: #555555; }
		
                    .navigation-right .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
                    .navigation-right .dropdown-content a.hide { display: none; visibility: hidden;}                
                    .navigation-right .dropdown.active .dropdown-content { display: block; position: fixed;  }
                    .navigation-right .dropdown-content a.division { border-bottom: solid 1px #D9D9D9; height: 0; padding: 0; margin:0; }

            .navigation-right .submenu { display: inline-block ; cursor: pointer; width:100%; margin: 0 0 -5px 0; }
                .navigation-right .submenu:hover { background-color: #f9e0d0; } 
                .navigation-right .submenu a { padding: 6px 6px 6px 3px; width:90% }
                .navigation-right .submenu a:hover { background-color: transparent; }
                .navigation-right .submenu-content { display: none; position: absolute; margin: 15px 0 0 -195px; background-color: #f9f9f9; width:200px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10000; }
                .navigation-right .submenu-content a { color: #555555; text-decoration: none; display: block; text-align:left; height: 25px; width:180px; padding: 6px 6px 6px 16px; }
                    .navigation-right .submenu-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
                    .navigation-right .submenu-content a.hide {display:none; visibility:hidden;}
                    .navigation-right .submenu.active .submenu-content { display: block; position: fixed;  }
                
                    .navigation-right .submenu.hide { display: none; }

                .navigation-right a.submenu-left { float: left; width:5px; }
                                
            .navigation-right .dropdown.help { width: 40px; padding: 0 5px 0 0; } 
            .navigation-right .dropdown.help img { width: 25px; } 
                .navigation-right .dropdown.help .dropdown-content { position: fixed; right: 0px; top: 0px; width: 380px; height:100%; min-height: 100%; }
                    .navigation-right .dropdown.help .dropdown-content a { width: 355px; height: auto; min-height: 25px; line-height: 25px; }
                        .navigation-right .dropdown.help .dropdown-content a.title { font-weight: 600; height: 30px; line-height: 30px; }
                        .navigation-right .dropdown.help .dropdown-content a.title:hover { background-color: transparent; cursor: default; }
                
    @media screen and (max-width: 420px) {
			
        /*.main-header { display: none; }*/
        .main-header { display: none; }
        .main-header .main-header-content { display: none; }

        .navigation { min-width: 400px; }
        .navigation-main-links { display: none; }

        .navigation-right .dropdown { width: 50px; }
            .navigation-right .dropdown a.dropdown-right { font-size: 1.5rem; float: right; }
            .navigation-right .dropdown .dropdown-content { width: 1000px; margin: 50px 0 0 -140px; }
            .navigation-right .submenu-content { width: 130px; margin: 15px 0 0 -95px }
                .navigation-right .submenu-content a { width: 108px; }

        .navigation-username { display: none; }
        .navigation-buy { display: none; }
        .navigation-help { display: none; }

        .navigation.scroll { position: fixed; }
						
	} 



/* ---------------------------------------------------------------------------------------------------------------------------------------------
03 SUB-MENUS

     - menu-left: Menú izquierdo en páginas de configuración.
     - menu-actions: Menú sin fondo con botones de acción para la página. (Vista Previa, Reporte PDF, etc.)

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

.menu-left { position: fixed; float: left; width: 20%; min-width: 200px; height: 100%; margin: 0; padding: 0; top: 50px; bottom: 0; z-index: 10; background-color: #333333; }    

    .menu-left ul { width: 100%; min-width: 200px; }
        .menu-left li { list-style: none; width: 100%; min-width: 200px; }
        .menu-left ul li a { display: block; border: none; width: 100%; width: calc(100% - 20px); padding: 20px 0 20px 20px; text-decoration: none; font-weight: 600; color: white; }
		    .menu-left ul li a:hover { background-color: #555555; cursor: pointer;  }
		    .menu-left ul li a.menu-left-selected { border: none; width: calc(100% - 20px); padding: 20px 0 20px 20px; color: white; background-color: #F1A473; text-decoration: none; cursor: default; }
            .menu-left ul li a:disabled { color: #888888; cursor: default; }
            .menu-left ul li a.disable { pointer-events: none; color: #999999}
            .menu-left ul li a.hide { display: none; }
    .menu-left.back { z-index: 5;}
	.menu-left.hide { visibility: hidden; display: none; }

    .menu-left li.combo { height: auto !important; padding: 0; }

    .menu-left li .dropdown { display: inline-block; cursor: pointer; width: 100%; height: auto; min-height: 50px; background-color: white; }
        .menu-left li .dropdown:hover { background-color: var(--main-bg-color); }
            .menu-left li .dropdown a:hover { background-color: var(--main-bg-color); }
        .menu-left .dropdown a { width: 80% !important; min-width: 80% !important; height: auto !important; min-height: 20px; padding: 10% 5% 10% 5% !important; display: inline-block !important; line-height: 30px; }
            .menu-left.icon-menu ul li .dropdown a { color: #333333;  }
            .menu-left.icon-menu ul li .dropdown a.disable { color: #999999;  }
            .menu-left .dropdown a.dropdown-right { width: 6% !important; min-width: 6% !important; height: auto; min-height: 20px; padding: 10% 4% 10% 0 !important; float: right; font-size: 1.5rem;  }
                 
        .menu-left .dropdown-content { display: none; position: absolute; margin: 0; background-color: white; width: 150%;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; max-height: 400px; overflow-y: auto; }
            .menu-left .dropdown-content.left { width: 160px; margin: 0 0 0 -130px; vertical-align:middle; position:absolute; }
            
            .menu-left ul li:hover .dropdown-content { background-color: white; }
            .menu-left li .dropdown:hover .dropdown-content { background-color: white; }
            .menu-left li .dropdown-content a:hover { background-color: #f9e0d0; }

        .menu-left .dropdown-content a { color: #555555; padding: 6.3px 16px !important; height: auto !important; text-decoration: none; display: block; width: calc(100% - 32px) !important; }
            
            .menu-left .dropdown-content a:hover { background-color: #555555; transition: visibility 0s .5s; }                
            .menu-left .dropdown-content a.hide { display: none !important; visibility: hidden; }
            .menu-left .dropdown.active .dropdown-content { display: block; }

.menu-left ul.sub-menu { position: fixed; height: 100%; top:50px; background-color: #dfdfdf; width: 10%; min-width: 135px; left: 15%; padding: 70px 0 0 0; } 
    .menu-left ul.sub-menu.empty { width: 5%; min-width: 5%; } 
.menu-left ul.sub-menu li { width: 100%; min-width: 100px; height: 45px; }        
    .menu-left ul.sub-menu li:hover { background-color: #C4C4C4; }        
.menu-left ul.sub-menu li a { width: calc(100% - 20px); padding: 10px 0 10px 10px; color: #333333; }
    .menu-left ul.sub-menu li a:hover { background-color: #C4C4C4; }
    .menu-left ul.sub-menu li a.selected {color: #F1A473; }  
    .menu-left ul.sub-menu li a.disable { pointer-events: none; color: #999999}

/*Recruitment and Training .menu-left*/
    .menu-left.new-menu ul li a { padding: 0; }
    .menu-left.new-menu.icon-menu li { width: 60px; min-width: 60px; height: auto; min-height: 60px; vertical-align: middle; display: table; padding: 0; }
    .menu-left.new-menu ul li a:hover { background-color: grey; cursor: pointer; height: 60px; display: block; }
    .menu-left.icon-menu.new-menu.no-description { width: 60px; min-width: unset; max-width: none; background: var(--left-menu-bg-color); border-right: 1px solid var(--border-default-color); z-index:901; }
    .menu-left.icon-menu.no-description.new-menu ul { min-width: 60px; height: 60px; }
    .menu-left.icon-menu.no-description.new-menu li { min-width: 60px; max-width: 60px; height: 60px; } 
    .menu-left.icon-menu.no-description.new-menu li a.icon { width: 100%; min-width: 60px; max-width: 60px; padding: 0; text-align: center; height: 60px; vertical-align: middle; }
    .menu-left.icon-menu.no-description.new-menu li a.icon img { margin: 15px; }
    .menu-left.new-menu ul li a.menu-left-selected { border: none; width: 60px; padding: 20px 0 20px 20px; color: white; background-color: #F1A473; text-decoration: none; cursor: default; height: 60px !important; }
    
.top-menu, .ul-menu { position: fixed; height: 70px; width: 100%; background-color: #DFDFDF; top: 50px; z-index: 3;}  
    .top-menu.infoEmployee{ width: 57%; top:unset; background-color:lightpink;  }
    .top-menu h2 { padding: 10px 0 0 20px; margin-left: 25%; font-size: 1.4rem; font-weight: 600; }
        .top-menu.left h2 { margin-left: 20%; }
    .top-menu ul { margin: 45px 0 0 25%; height: 20px; padding: 0 0 0 20px; }
        .top-menu.left ul { margin-left: 20%; }
        .top-menu ul li { float: left; width: auto; padding: 0 5px 0 5px; margin: 0 5px 0 5px; cursor: pointer; text-align: center; }
            .top-menu ul li:hover, .top-menu ul li.selected { border-bottom: #F1A473 3px solid;  }

.top-menu-overlay { position: absolute; height: auto; width: 70%; background-color: #DFDFDF; top: unset; margin:5px 0; z-index: 3; }  
    .top-menu-overlay h2 { padding: 10px 0 0 20px; font-size: 1.4rem; font-weight: 600; }
    .top-menu-overlay ul { margin: 0 0 0 0; height: 20px; padding: 0 0 0 15px; top:unset; width: 100%; min-width: 100%;  }
        .top-menu-overlay ul li { float: left; width: auto; padding: 0 5px 0 5px; margin: 0 5px 0 5px; cursor: pointer; text-align: center; }
            .top-menu-overlay ul li:hover, .top-menu-overlay ul li.selected { border-bottom: var(--brand-bg-color) 3px solid;  }
             

@media all and (max-width: 1331px ) {
	.menu-left ul.sub-menu { left: 200px; } 
    .content-pane.reviewees-reviewers.has-submenu { left: calc(200px + 5%); }    
    .top-menu.left h2 { margin-left: calc(200px + 5%); }
    .top-menu.left ul { margin-left: calc(200px + 5%); }

    .content-pane.has-submenu { left: calc(200px + 135px); }
    .top-menu h2 { margin-left: calc(200px + 135px); } 
    .top-menu ul { margin-left: calc(200px + 135px); }
    .content-pane.has-left-menu.has-submenu.settings-performance { left: calc(200px + 135px) !important; }
} 

.menu-left.settings { width: 15%; } 

.actions-menu { width: 100%; max-width: 1400px;  margin: 0 auto; padding: 20px 0 5px 0; } /*min-width: 983px;*/
    .actions-menu::after { content: " "; display: block; height: 0; clear: both;}       
    .actions-menu a { float: left; margin: 0 5px 0 0; padding: 8px 12px; border-radius: 0; color: white; }       	
        .actions-menu a.right { float: right; margin: 0 0 0 5px; }
    .actions-menu .select { float: left; width: 12%; max-width: 140px; min-width: 40px; margin: 0 0 0 5px; padding: 0 5px; border-radius: 0; border-color: #CCCCCC; }
        .actions-menu .select::-ms-expand { border: none; }   
    .actions-menu .pure-form { border: none; }
    .actions-menu.imageEmail { padding: 5px 0 10px 0; }
    .actions-menu .search { float: left; width: 40%; max-width: 150px; min-width: 150px; margin: 0 0 0 0; padding: 0; }
        .actions-menu .search.right { float: right; }
        .actions-menu .search.big { max-width: 280px; margin: 0 10px 0 0; }
        .actions-menu .search .pure-input { width: 100%; margin: 0 5px 0 0; padding: 20px 10px; margin: 0 0 15px 0;  }
        .actions-menu .search.big .pure-input { font-weight: 700;  }
            .actions-menu .search.big .pure-input.f-normal{ font-weight: 400; }
            .actions-menu .search .pure-input .disable { pointer-events: none; }
    .actions-menu p.users-quantity { float: right; width: auto; margin: 0; padding: 0 5px; font-weight: 600; }

    .actions-menu.chart-organization { margin: 0; }

.board .actions-menu { max-width: calc(100% - 12px); min-width: 855px; display: inline-block; padding: 0 0 5px 0; }
    .board .actions-menu p { width: 160px; display: inline-block; padding: 10px 5px 0 2px; margin: 0 2px 0 2px; } 
    .board .actions-menu .dropdown-select { margin: 2px; }
    .board .actions-menu .dropdown-select .dropdown-select-content { width: 300px; max-height: 300px; overflow-x: auto; }
    
    .actions-menu .dropdown-select.actions { background-color: var(--actions-button); border: 1px solid var(--actions-button); margin-top: 20px; border-radius: 0; }         
        .actions-menu .dropdown-select.actions:hover { background-color: var(--actions-button); border: 1px solid var(--actions-button); }
        .actions-menu .dropdown-select.actions a { color: white; font-weight: 500; }
        .actions-menu .dropdown-select.actions a.dropdown-right { padding-right: 10px !important; }
        .actions-menu .dropdown-select.actions .dropdown-select-content { width: 250px; margin: 40px 0 0 -1px; }
        .actions-menu .dropdown-select.actions .dropdown-select-content a { color: #555555; font-weight: 400; z-index: 200 !important;}
 
.actions-menu.right { padding: 0; } 
    .actions-menu.right .dropdown-select.actions { position: absolute; right: 13px; top: 0; margin: 0; } 
        .actions-menu.right .dropdown-select.actions .dropdown-select-content { width: 200px; margin: 40px 0 0 -35px;  } 
            .actions-menu.right .dropdown-select.actions .dropdown-select-content a { max-width: 179px; padding: 10px 10px 10px 6%; text-overflow: ellipsis;  } 

    .board .actions-menu .button { display: inline-block; width: 160px; margin: 20px 5px 0 0; padding: 9px 0; vertical-align: top;  }
    
    .organizationchart .actions-menu { max-width: calc(100% - 12px); min-width: 855px; display: inline-block; padding: 0 0 5px 0; }
    	.organizationchart .actions-menu p { width: 700px; display: inline-block; padding: 10px 5px 0 2px; margin: 0 2px 0 2px; } 

.actions-menu a.pTotal { padding-top: 26px; color: #555555;}

.has-submenu .actions-menu { padding: 50px 0 5px 0; }
    .has-submenu .actions-menu .search .pure-input { padding: 20px 10px; margin: 0 0 10px 0;  }

.settings .actions-menu { margin: 0; }

    /*combo like*/
.dropdown-select { display: inline-block; padding: 0 5px 0 0; width: 160px; height: 40px; cursor: pointer; border: 1px solid #CCCCCC; margin: 0 0 0 5px; background-color: white; } 
    .dropdown-select.no-show { cursor: default; } 
    
    .dropdown-select a { padding: 0 0 0 8%; margin: 10px 0 0 0; float: left; color: #555555; max-width: 130px; white-space: nowrap; overflow: hidden; }
        .dropdown-select a:hover { background-color: transparent; }            
        .dropdown-select a.selected { min-width: 100px; }  
        .dropdown-select a.dropdown-right { float: right; font-size: 1.5rem; min-width: 10px; max-width: 10px !important; padding: 0 5px 0 0; line-height: 20px; }
    .dropdown-select.hide { display: none; }  
    
    .dropdown-select .dropdown-select-content { display: none; position: absolute; margin: 41px 0 0 -1px; background-color: #f9f9f9; width: 180px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 100; cursor: default; }        
        .dropdown-select-content a { width: 94%; height: 20px; line-height: 20px; display: block; text-align:left; padding: 8px 0 8px 6%; color: #555555; margin: 0; cursor: pointer; max-width: 100%; }
        .dropdown-select-content.event a { width: 94%; height: 20px; display: block; text-align:left; padding: 4px 0 10px 6%; color: #555555; margin: 0; }	
            .dropdown-select-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
            .dropdown-select-content a.hide { display: none; visibility: hidden; }  
            .dropdown-select-content a.disable { color: #999999; }
            .dropdown-select.active .dropdown-select-content { display: block; }
                .dropdown-select.active.no-show .dropdown-select-content { display: none; }
                .dropdown-select.no-show a.dropdown-right { display: none; }
            .dropdown-select.active .dropdown-select-content.chart-organization { margin-top: 5px; min-width: 180px; width: 300px; max-width: 500px; }

    .dropdown-select p.check-content { padding: 0 0 0 15px; height: 37px; width: 91%; }
        .dropdown-select p.check-content:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
        .dropdown-select p.check-content a { padding: 0; }
            .dropdown-select p.check-content a.description { width: 80%; }

.dropdown-select-content a.f1 { background-color: #999999; }
.dropdown-select-content a.f2 { background-color: #a9a9a9; }
.dropdown-select-content a.f3 { background-color: #c9c9c9; }
.dropdown-select-content a.f4 { background-color: #e9e9e9; }
.dropdown-select-content a.f5 { background-color: transparent; }

.dropdown-select-content a.p0 { padding-left: 15px !important; width: calc(97% - 6px) !important; background-color: #b9b9b9; }
.dropdown-select-content a.p1 { padding-left: 15px !important; width: calc(97% - 6px) !important; }
.dropdown-select-content a.p2 { padding-left: 25px !important; width: calc(97% - 16px) !important; } 
.dropdown-select-content a.p3 { padding-left: 35px !important; width: calc(97% - 26px) !important; }
.dropdown-select-content a.p4 { padding-left: 45px !important; width: calc(97% - 36px) !important; }
.dropdown-select-content a.p5 { padding-left: 55px !important; width: calc(97% - 46px) !important; } 

.dropdown-select-no-hide { display: inline-block; padding: 0 5px 0 0; width: 160px; height: 40px; border: 1px solid #CCCCCC; margin: 0 0 0 5px; background-color: white; } 
    

    .dropdown-select-no-hide a { padding: 0 0 0 6%; margin: 10px 0 0 0; float: left; color: #555555; max-width: 130px; white-space: nowrap; overflow: hidden; cursor: pointer; }
        .dropdown-select-no-hide.chartorg a { max-width: calc(100% - 25px); }
        .dropdown-select-no-hide a:hover { background-color: transparent; }            
        .dropdown-select-no-hide a.selected { min-width: 100px; }          
        .dropdown-select-no-hide a.dropdown-right { float: right; font-size: 1.5rem; min-width: 10px; max-width: 10px !important; padding: 0 5px 0 0; }

    .dropdown-select-no-hide.hide { display: none; } 
              
    .dropdown-select-no-hide .dropdown-select-content { display: none; position: absolute; margin: 41px 0 0 0; background-color: #f9f9f9; width: 220px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); max-height: 560px; height: auto; overflow-x: auto; z-index: 1; }         
        .dropdown-select-no-hide .dropdown-select-content a { padding: 8px 0 8px 8%; height: 20px; }         
            .dropdown-select-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
            .dropdown-select-content a.hide { display: none; visibility: hidden; }  
            .dropdown-select-content a.disable { color: #999999; }
            .dropdown-select-no-hide.active .dropdown-select-content { display: block; z-index:2 !important; }
                .dropdown-select-no-hide.active .dropdown-select-content input { width: calc(100% - 30px); max-width: calc(100% - 30px); min-width: 50px; height: 15px; margin: 7px 7px 7px 6.66px; padding: 10px 7px; }
                .dropdown-select-no-hide.active .dropdown-select-content a { height: 15px; }
                .dropdown-select-no-hide.active .dropdown-select-content a.description { width: calc(100% - 25px); max-width: calc(100% - 25px); }
                .dropdown-select-no-hide.active .dropdown-select-content a.division { border-bottom: solid 1px #D9D9D9; height: 0; padding: 0; margin:0; width: 100%; max-width: 100%;}

                                        
    .dropdown-select-no-hide p.check-content { position: relative; padding: 7px 0 7px 3% !important; width: 97% !important; height: 20px; }
        .dropdown-select-no-hide p.check-content:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
        .dropdown-select-no-hide p.check-content.disable { cursor: default; } 
        .dropdown-select-no-hide p.check-content a { padding: 0; margin: 0; cursor: pointer; } 
            .dropdown-select-no-hide p.check-content a.description { width: 85%; height: auto; white-space: normal; cursor: pointer; line-height: 17px; padding: 0; }

    .dropdown-select.percentage { width: 65px; }
        .dropdown-select.percentage .dropdown-select-content { width: 50px; margin:-280px 0 0 10px; }
        .dropdown-select.percentage .dropdown-select-content a { padding: 4px 0 10px 20%; width: 80% } 

.dropdown-select.num { width: 90px; } 
    .dropdown-select.num .dropdown-select-content { width: 80px; } 

/*        Combo like de listado defs evaluados*/     
.main-header-menu .dropdown-select { display: inline-block; padding: 0 5px 0 0; width: 160px; height: 40px; cursor: pointer; border: 1px solid #CCCCCC; margin: 6px 0px 0px -172px; background-color: white; position: fixed; }

.main-header .main-header-menu .dropdown-select a { padding: 0 0 0 8%; margin: 10px 0 0 0; float: left; color: #555555; max-width: 130px; white-space: nowrap; overflow: hidden; }

.main-header .main-header-menu .dropdown-select-content a { width: 94%; height: 15px; line-height: 20px; display: block; text-align:left; padding: 4px 0 10px 6%; color: #555555; max-width: 100%; }	

    /*check-content-combo*/
.dropdown-list { position: relative; display: inline-block; cursor: pointer; padding: 0 0 0 5px;  } 
    .dropdown-list-content { display: none; position: absolute; margin: 0; background-color: white; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2); z-index: 1; left: 0; padding: 10px 0;  width: auto; min-width: 150px; max-width: 500px; }
        .dropdown-list-content { left: 6px; top: 44px; }
        .dropdown-list-content.check-list { }
            .dropdown-list-content.check-list ul  { padding: 2px 0 0 0 ; margin: 0; }
            .dropdown-list-content.check-list ul.hide { display: none; }
            .dropdown-list-content.check-list ul li.hide { display: none; }
                .dropdown-list-content.check-list ul li a.chk { display: inline-block; padding: 2px; border: #BCBCBC solid 1px; border-radius: 0; } 
                .dropdown-list-content.check-list ul li a.description { min-width: 100px; max-width: 500px; padding: 0 0 0 0px; cursor: default; color: #555555; }          
                    .dropdown-list-content.check-list ul li a.description.w1 { width: 100px; padding-left: 5px; }
                    .dropdown-list-content.check-list ul li a.description.w2 { width: 200px; padding-left: 5px; }
                .dropdown-list-content.check-list ul li a.chk:hover { background-color: #DCDCDC; transition: all 0.2s ease-in-out; }
                .dropdown-list-content.check-list ul li a.description:hover { background-color: #DCDCDC; transition: all 0.2s ease-in-out; }
                .dropdown-list-content.check-list ul a.chk.-sel { background-color: #32C283; border: #32C283 solid 1px; transition: all 0.1s ease-in-out; }
                    .dropdown-list-content.check-list ul a.chk.-sel:hover { background-color: #32C283; }	
                    
    .dropdown-list.communication { width: 90%; float: left; padding: 0; margin: 0; }
	.dropdown-list.communication.w2 { width: auto; float: left; padding: 0 5px 0 0; margin: 0; margin: 0 0 0 5px; }
        .dropdown-list.communication a { background-color: white; color: #555555; border: 1px solid #CCCCCC; padding: 5px; height: 30px; margin: 5px 0 0 0; float: left; }
        
        .dropdown-list-content.communication li {  }
        .dropdown-list-content.communication li a { float: left; width: 80%; border: none;  margin: 0; height: 20px; padding: 0 5px 0 10px; line-height: 20px; }
	.dropdown-list.communication a span { float: right; padding: 0 0 0 10px; width: 100px; min-width: 90px; max-width: 200px; }

        .dropdown-list-content.check-list.communication  { width: 70%; min-width: 250px; overflow-y: auto; max-height: 400px; margin: 0 0 0 4px; }
            .dropdown-list-content.check-list.communication ul li { width: 100%; height: auto; padding: 6px 0;  }

    .header-reviewees-reviewers .actions-menu { min-width: unset; }
    .multiple-choice-questions .dropdown-select { margin: 10px 0 0 0; width: 250px; }        
        .multiple-choice-questions .dropdown-select .dropdown-select-content { width: 250px; max-height: 150px; overflow: auto; }

    .multiple-choice-questions .dropdown-select.boss a { width: 80%; min-width: 80%;   }
        .multiple-choice-questions .dropdown-select.boss a.dropdown-right { width: 20px; min-width: 20px; }
        .multiple-choice-questions .dropdown-select.boss a.unselect { color: #c9c9c9; }
        .multiple-choice-questions .dropdown-select .dropdown-select-content a { width: 94%; }


/*clic popup*/
.show-popup { display: inline-block ; cursor: pointer; width:100%; margin: 0 0 -5px 0; }
    .show-popup .show-popup-content { display: none; position: absolute; margin: -115px 0 0 30px; background-color: #f9f9f9; width:200px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10000; }
    /*.show-popup .show-popup-content { display: none; width: 200px; height: auto; margin: 100px 0 0 40px; background-color: white; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index:100; }*/
        .show-popup .show-popup-content .content { padding: 7px 10px 15px 10px; }
            .show-popup .show-popup-content p { text-align: left !important; font-weight: 600; height: 20px !important; }
            .show-popup .show-popup-content input { background-color: white !important; height: 30px !important; width: 96% !important; }

        .show-popup .show-popup-content .action-content { background-color: #F5F5F5; height: 40px; padding: 8px 10px 8px 10px; border-top: 1px solid #C9C9C9;  }
            .show-popup .show-popup-content a.button { float: right !important; width: 35% !important; text-align: center; padding: 0; margin: 0;  }

        .show-popup.active .show-popup-content { display: block; }

/*-------*/

/*cargar archivo*/
.js .inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label { max-width: 80%; font-size: 1.25rem; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block; overflow: hidden; padding: 10px 20px; color: white; background-color: #3FC17C;}
    .disable .inputfile + label { background-color: #C9C9C9; pointer-events: none; }

.no-js .inputfile + label { display: none; }
.inputfile:focus + label, .inputfile.has-focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.inputfile + label svg { width: 1em; height: 1em; vertical-align: middle; fill: currentColor; margin-top: 4px; margin-right: 4px; }
.inputfile:focus + label,.inputfile.has-focus + label,.inputfile + label:hover { background-color: #3FC17C; opacity: .9; transition: opacity .3s ease-in-out; }
/*--------*/

.filter-checkbox { float: left; width: 250px; padding: 0; margin: -75px 0 0 200px; font-size: 0.9rem; }
    .filter-checkbox input { width: 30px; }
    .filter-checkbox hide { display: none; }

.select-checkbox { float: left; width: 250px; padding: 0 0 10px 0; margin: 0 0 0 0; font-size: 0.9rem; color: #555555; }
.select-checkbox.bajaUsers { width: 465px; cursor: pointer; }


ul.path { float: left; clear: both; width: 100%; list-style: none; margin: 0 0 5px 10px; padding: 0; }
	ul.path li { display: inline-block; font-size: 1.2rem; } 
        ul.path li:hover { color: #E29843; transition: color .2s ease-in-out; }
		ul.path li.first { cursor: pointer; }
		ul.path li.last { color: #E29843; }
		ul.path li.first:after {margin: 0 10px 0 10px; content: ">"; cursor: default; }
        ul.path li.hide { display: none; }

        ul.path li a { display: inline-block; font-size: 1.2rem; } 
        ul.path li a:hover { color: #E29843; transition: color .2s ease-in-out; }
		ul.path li.first a { cursor: pointer; }
        ul.path li.last a { color: #E29843; }

.content-pane.communication ul.path { margin: 0 0 5px 0; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
04 CONTENT

    - container: PagMaestra; contiene todo el contenido
    - main-header: Encabezado en páginas, justo abajo del menú principal.

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

.container { width: 100%; height: 100%; margin: 0 auto; }
	
.main-header { position: relative; width: 100%; height: auto; overflow: hidden; top: 50px; margin: 0 0 70px 0; background-color: #999999; z-index: 900; transition: all .4s ease-in-out; }
	.main-header .main-header-content { width: 96%; max-width: none; height: auto; overflow: auto; margin: 0 auto; display: flex; align-items: center; min-height: 80px; }
        .main-header .main-header-content.center { max-width: 1250px; }
        .main-header.fixed-table .main-header-content{ text-align: left; margin: 0 0 0 20px; }

        .main-header-content-text { float: left; max-width: 850px; padding: 10px 0; }
        .main-header .main-header-content h1, .main-header .main-header-content h2, .main-header .main-header-content h3, .main-header .main-header-content p, .main-header .main-header-content a, .main-header .main-header-content li { color: white; }
		.main-header .main-header-content h1 { margin: 0; padding: 0 0 0 0; font-weight: 500; }
        .main-header .main-header-content p {  max-width: 500px; margin: 0; padding: 5px 0 0 0; }
            .main-header .main-header-content img { position: relative; margin-left: auto; float: right; height: auto; max-width: 300px; max-height: 135px; z-index: 1000; }
        .main-header .main-header-content ul.evaluation-scale { margin: 0; padding: 0 0 15px 0; }
		    .main-header .main-header-content ul.evaluation-scale li { display: inline-block; margin: 5px 10px 0 0; font-weight: 400; }
                .main-header .main-header-content ul.evaluation-scale li.hide { display: none; }    
            .main-header.evaluation .main-header-content ul.evaluation-scale { padding: 0 0 0 0; }             

        /*pantalla chica*/
        .main-header.small-height .main-header-content h1 {  width: 97%; max-width: 1200px;  display: flex; margin: 0 0 0 10px; padding: 7px 0 0 10px;}
         .main-header.small-height img.main-header-logo { position: absolute; right: 0; max-width: 100px; height: auto; max-height: 100%; padding: 0 35px 0 0; border: 1px solid; }  
        .main-header.small-height ul.evaluation-scale { width: 98%; max-width: 1200px; justify-content: center; display: flex; margin: 0 auto; padding: 7px 0 0 0; }
            .main-header.small-height ul.evaluation-scale li { margin: 0 10px; text-align: center; font-size: 1rem; font-weight: 500; }
            .main-header.small-height .main-header-content ul.evaluation-scale li.hide { display: none; height: 0; }
        /*****/

    /*escalas*/
    .main-header.scales { position: relative; width: 100%; height: auto; overflow: hidden; top: -20px; margin: 0; background-color: #333333; z-index: 900; transition: all .4s ease-in-out; text-align: center; } 
        .main-header.scales  .main-header-content-text { float: unset; margin: 0 auto; padding: 20px 0; width: 100%; max-width: 1250px; }
        .main-header.scales  .main-header-content  { min-height: 65px; height: auto; text-align: center; margin: 0 auto; display: unset; float: unset; }
            .main-header.scales  .main-header-content ul { text-align: center; }
        .main-header.scales ul.evaluation-scale { width: 98%; max-width: 1200px; justify-content: center; display: flex; margin: 0 auto; padding: 7px 0 0 0; }
            .main-header.scales ul.evaluation-scale li { margin: 0 10px; text-align: center; font-size: 1rem; font-weight: 500; }

            .main-header.scales.evaluation ul.evaluation-scale.w3 li { width: 33%; }
            .main-header.scales.evaluation ul.evaluation-scale.w4 li { width: 25%; }
            .main-header.scales.evaluation ul.evaluation-scale.w5 li { width: 20%; }
            .main-header.scales.evaluation ul.evaluation-scale.w6 li { width: 16.66%; }
            .main-header.scales.evaluation ul.evaluation-scale.w7 li { width: 14.2%; }
            .main-header.scales.evaluation ul.evaluation-scale.w8 li { width: 12.5%; }
            .main-header.scales.evaluation ul.evaluation-scale.w9 li { width: 11.11%; }
            .main-header.scales.evaluation ul.evaluation-scale.w10 li { width: 10%; }
            .main-header.scales.evaluation ul.evaluation-scale.w11 li { width: 9%; } 
    /******/

    .main-header.evaluation { height: unset; padding: 0 0; text-align: center; z-index: 1; }
        .main-header.evaluation .main-header-content { width: 90%; max-width: 1250px; }
            .main-header.evaluation .main-header-content h1 { padding: 0 10px 0 0; }
            .main-header.evaluation img.user-logo { top: 0; height: 100%; max-height: unset; }

        .main-header.scroll .main-header-content { height: auto; min-height: unset; margin: 0 auto; }
            .main-header.scroll .main-header-content-text { float: unset; margin: 0 auto; padding: 20px 0; max-width: 1250px; } 
        .main-header.scroll .main-header-content ul.evaluation-scale { padding: 0; }
        .main-header.scroll.evaluation { position: fixed; }            
        .main-header.scroll { height: auto; top: 0; transition: all .2s ease-in-out; }
        .main-header.scroll .main-header-content { height: auto; text-align: center; margin: 0 auto; display: unset; float: unset; }
        .main-header.scroll h1 { display: none; }
        .main-header.scroll .main-header-content img { display: none; }
        .main-header.scroll ul.evaluation-scale { width: 98%; max-width: 1200px; justify-content: center; display: flex; margin: 0 auto; padding: 7px 0 0 0; }
            .main-header.scroll ul.evaluation-scale li { margin: 0 10px; text-align: center; font-size: 1rem; font-weight: 500; }
            .main-header.scroll .main-header-content ul.evaluation-scale li.hide { display: none; height: 0; }
        
        .main-header.scroll.hide-scroll { display: none; }


    .main-header.evaluation .dropdown { position: absolute; display: inline-block; bottom: 10px; right: 40px; cursor: pointer; }
        .main-header.scroll.evaluation .dropdown { position: absolute; right: 20px; bottom: 10px; top: 0px;  }
        .main-header.evaluation .dropdown a { font-weight: 600; color: white; }
            .main-header.scroll.evaluation .dropdown a { color: white; }
        .main-header.evaluation .dropdown-content { display: none; position: absolute; margin: 0 0 0 -35px; background-color: #f9f9f9; width: 100px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
        .main-header.evaluation .dropdown-content a { color: #555555; padding: 6px 6px; font-weight: 500; text-decoration: none; display: block; text-align: left; }
            .main-header.evaluation .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; color: #555555; }
            .main-header.evaluation .dropdown-content a.hide { display: none; visibility: hidden; }
            .main-header.evaluation .dropdown.active .dropdown-content { display: block; }

        .main-header.evaluation a.select { background-color: #f9e0d0; width: 88%; height: 100%; }

     .content-pane .language.dropdown { position: absolute; display: inline-block; top: 100px; right: 40px; cursor: pointer; z-index: 300; }
        .content-pane .language.dropdown a { font-weight: 600; color: white; }
           
        .content-pane .language.dropdown-content { display: none; position: absolute; margin: 0 0 0 -35px; background-color: #f9f9f9; width: 100px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
        .content-pane .language.dropdown-content a { color: #555555; padding: 6px 6px; font-weight: 500; text-decoration: none; display: block; text-align: left; }
            .content-pane .language.dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; color: #555555; }
            .content-pane .language.dropdown-content a.hide { display: none; visibility: hidden; }
            .content-pane .language.dropdown.active .dropdown-content { display: block; }

        .content-pane .language a.select { background-color: #f9e0d0; width: 88%; height: 100%; }


    .main-header .main-header-menu { display: inline-block; float: right; position: absolute; bottom: 5px; right: 25px; text-align: right; width: 52%; padding: 0; }

    .main-header.reviewees .main-header-menu { display: inline-block; float: right; position: absolute; bottom: 5px; right: 25px; text-align: right; width: 100%; padding: 0; }
    .main-header.reviewers .main-header-menu { display: inline-block; float: right; position: absolute; bottom: 5px; right: 25px; text-align: right; width: 100%; padding: 0; }


        .main-header .main-header-menu .select { width: 120px; height: 44px; margin: 0; padding: 0 0 0 5px; border-radius: 0; }
        .main-header .main-header-menu a { display: inline-block; margin: 5px 1px 0 1px; padding: 10px 20px; text-align: center; }
        .main-header .main-header-menu a.hide { display: none; }

.content-pane { width: 98%;  max-width: 1250px; height: 100%; top: 50px; margin: 0 auto; overflow: hidden; padding: 50px 0; } /*min-width: 983px;*/
    .content-pane.no-padding { padding: 0; }
    .content-pane.bottom-padding { padding: 50px 0 150px 0; }

    .content-pane.has-left-menu { position: relative; float: left; width: calc(80% - 20px); min-width: 780px; left: 20%; margin: 0; padding: 0 0 50px 20px; }
        .content-pane.has-left-menu.settings-performance { width: calc(90% - 20px); left: 15%; }
            .content-pane.has-left-menu.has-submenu.settings-performance { width: calc(75% - 20px); left: 25%; top: 70px; }
                .content-pane.has-left-menu.has-submenu.empty.settings-performance { left: 20%; }
                    .content-pane.has-left-menu.has-submenu.empty.settings-performance .config-options { padding-bottom: 200px; }
        .content-pane.has-left-menu.settings-organizationchart { width: calc(90% - 20px); left: 15%; }
            .content-pane.has-left-menu.has-submenu.settings-organizationchart { width: calc(75% - 20px); left: 25%; top: 70px; }
                .content-pane.has-left-menu.has-submenu.empty.settings-organizationchart { left: 20%; }
                    .content-pane.has-left-menu.has-submenu.empty.settings-organizationchart .config-options { padding-bottom: 50px; }
            

        .content-pane.has-left-menu .main-header { padding: 0 0 0 20px; margin: 0 0 20px -20px; top: 0; left: 0; background-color: white; height: 150px; }
            .content-pane.has-left-menu .main-header .main-header-content { margin: 0; height: 150px; display: inline-block; }
                .content-pane.has-left-menu .main-header .main-header-content h2 { color: #555555; width: 90%; float: left; }
                .content-pane.has-left-menu .main-header .main-header-content p { color: #555555; margin: 0; width: 90%; float: left; }
                .content-pane.has-left-menu .main-header .main-header-content img { margin-top: -43px; }

         .content-pane.has-left-menu.development .main-header { padding: 0 0 0 20px; margin: 0 0 10px -20px; top: 0; left: 0; background-color: white; height: 100px; }
         .content-pane.has-left-menu.development .main-header h1 { padding: 10px 0 5px 0; }
         .content-pane.has-left-menu.development .main-header p { width: 600px; line-height: 20px; padding: 0; font-size: 1.1rem; }

         .content-pane.has-left-menu.organizationchart { left: 0; height: 768px; min-height: 768px; max-height: 100%; width: 99%; min-width: 99%; max-width: 99%; overflow: scroll; }

        .content-pane.has-left-menu .header-questions { position: relative; min-width: 20px; height: 40px; z-index: 1000; overflow: hidden; color: #555555; opacity: 1; transition: opacity .7s ease-in-out; width: calc(100% - 20px); margin: 0; }
            .content-pane.has-left-menu .header-questions a {  float: left; line-height: 50px; color: #555555; letter-spacing: 0.01rem; transition: background-color 0.2s ease-in-out; font-size: 1rem; text-align: left; font-weight: 600; }
            .content-pane.has-left-menu .header-questions a.weight{ width: 60px; margin: 0; padding-left: 4px; text-align:right; } 
                .content-pane.has-left-menu .header-questions a.weight.no-sel{ width: 13px; margin: 0; padding-left: 15px; text-align:right; color: transparent; } 
            .content-pane.has-left-menu .header-questions a.competence{ width: calc(100% - 512px); padding-left: 15px; }
                .content-pane.has-left-menu .header-questions a.competence.first-col{ width: calc(100% - 489px); padding-left: 15px; }
            .content-pane.has-left-menu .header-questions a.relation{ width: 130px; padding-left: 34px; }
                .content-pane.has-left-menu .header-questions a.relation.transparent-color-text{ color: transparent; }
            .content-pane.has-left-menu .header-questions a.scale{ width: 145px; padding-left: 25px; }
            .content-pane.has-left-menu .header-questions a.actions{ width: 73px; padding-right: 10px; color: transparent; }

            .content-pane.has-left-menu .header-questions a.climate-competence { width: calc(100% - 479px); padding-left: 40.6px; }
            .content-pane.has-left-menu .header-questions a.climate-questiontype{ width: 154.4px; padding-left: 15px; }
            .content-pane.has-left-menu .header-questions a.climate-scale{ width: 251.2px; padding-left: 15px; }
            .content-pane.has-left-menu .header-questions a.climate-actions{ width: 86.4px;color: green; }

    .content-pane.fixed-height { position: absolute; width: 100%; max-width: none; height: calc(100% - 50px); overflow: hidden; padding: 0; }       
        .content-pane.fixed-height.chart-organization { background-color: white; }
        .fixed-height-table-container { height: 100%; }
            .fixed-height-table-container.reviewers { height: 90%; }
        .content-pane.fixed-height .actions-menu { max-width: calc(100% - 40px); } 
            .content-pane.fixed-height .actions-menu.w1 { max-width: calc(100% - 15px); height: 50px; } 
            .content-pane.fixed-height .actions-menu .organization-chart { width:60%; background-color: transparent; border: none; font-size: 90%; font-weight: 400; color: #555555; height: 30px; position:relative; top:0px; display: inline-block; margin: 0; padding: 0; } 
                 .content-pane.fixed-height .actions-menu .organization-chart.right { float: right; }
                 .content-pane.fixed-height .actions-menu .organization-chart a.button.green { display: inline-block;  min-width:160px; width:160px; max-width:160px; height: 23px; margin: 0 7.5px; padding: 7.5px;   float: right; }
            .content-pane.fixed-height .imgLogo { position: relative; margin-left: auto; float: right; height: auto; max-width: 300px; max-height: 135px; z-index: 1000; }
    .content-pane.reviewees-reviewers { position: absolute; float: left; width: calc(80% - 20px); height: calc(100% - 50px); overflow: hidden; min-width: 780px; left: 20%; margin: 0; padding: 0 0 0 20px; }
        .content-pane.reviewees-reviewers.has-submenu { top: 110px; height: calc(100% - 110px); }

    .content-pane.has-main-header { padding: 0 0 185px 0; }
        .content-pane.has-main-header .grid-pane { padding: 0 0 30px 0; }
        
    .content-pane.fixed-height.has-main-header { top: 160px; height: calc(100% - 160px); overflow: hidden; padding: 0; }
        .content-pane.fixed-height .dropdown-select { margin: 0 0 0 5px; } 
             .content-pane.fixed-height .dropdown-select.combo-orgchart { width: 225px; margin: 0 0 0 5px; } 
            .content-pane.fixed-height .dropdown-select .dropdown-select-content { width: 250px; max-height: 500px; overflow-y: auto; }
        .content-pane.fixed-height p { width: 162px; display: inline-block; padding: 10px 0 0 9px; }
            .content-pane.fixed-height p.chartorg-access { padding: 10px 0 0 0; }
            .content-pane.fixed-height p.check-content { width: 96%; display: block; padding: 8px 0 8px 9px; height: 20px; line-height: 15px; }
        .content-pane.fixed-height h1 { padding: 20px 0 5px 20px;}
        
        .table-list-reviewers { width: 100%; height: calc(100% - 100px); overflow-x: hidden; margin: 0; border-radius: 0; padding-bottom: 200px; }
        .table-list-reviewers.results { padding-bottom: 0px; overflow-x: inherit; width: 96%; min-width: 1120px; }
                .table-list-reviewers .grid-content .column.menudropdown .dropdown-content { margin: 20px 0 0 -10px; width: 155px; } 

    .content-pane.has-main-header.reports .grid-content .column { height: 40px; font-size: 1rem; font-weight: 500; border-bottom: 2px solid var(--main-bg-color); }
        .content-pane.evaluation { width: 95%; min-width: unset; padding: 0 0 50px 0; }
        .content-pane.scroll.evaluation { clear: both; padding: 70px 0 50px 0; }

    .content-pane h1 { width: 700px; padding: 20px 0 5px 0; font-size: 1.5rem; font-weight: 600; }
        .content-pane h1.top-padding { padding: 40px 0 5px 0; }
        .content-pane.has-left-menu h1 { font-size: 2rem; }
            .content-pane.has-left-menu.icon-menu h1 { font-size: 1.7rem; width: 80%; padding: 10px 0 5px 0; }
            .content-pane.evaluation.has-left-menu.icon-menu h1 { width: 60%; }

        .content-pane.has-left-menu h2 { text-align: left; float: none; }
    .content-pane h2 { float: left; max-width: 750px; padding: 20px 0 0 0; font-size: 1.4rem; font-weight: 600; }
        .content-pane.evaluation h2 { padding: 0; }
        
	.content-pane p { clear: both; width: 500px; padding: 10px 0 0 0; }
        .content-pane p.tooltip { width: 700px; padding: 0 0 0 0; color: #777777; }
        .content-pane.evaluation p.climate-multiple-choice-options { padding: 25px 0 7px 10px; font-weight: 600; color: #111111; font-size: 1.1rem; }

        /*particiapntes comunicacion*/
    .content-pane.participantscomm { overflow-y: auto; }
        .content-pane.participantscomm h2 { float: none; }

        .content-pane.participantscomm .popup-top-step h2 { text-align: center; color: white; margin: 0 auto; padding: 50px 0 30px 0; font-size: 2rem; }
            .content-pane.participantscomm  .popup-top-step p { clear: both; width: 95%; padding: 10px 0 10px 0; }
            .content-pane.participantscomm  .popup-top-step a { clear: both; width: 95%; padding: 10px 0 10px 0; }
        
        .content-pane .dropdown-select-no-hide { width: 200px; }  
            .content-pane .dropdown-select-no-hide.chartorg { width: 145px; border: none; background-color: transparent; display: block; }
            .content-pane.participantscomm .dropdown-select-no-hide .dropdown-select-content { width: auto; min-width: 206px; } 
    
    .content-pane.chart-organization { }
        .content-pane.chart-organization div.options{ position:absolute; top: 10px; left: 10px; height: 10px; width:98%; z-index:5 !important; background-color: transparent; }
        .content-pane.chart-organization div.options .dropdown-select-no-hide  { position: absolute; } 
        .content-pane.chart-organization div.options img.logo  { position: relative; margin-left: auto; height: auto; max-width: 200px; max-height: 85px; padding:0 30px; float:right; } 
        .content-pane.chart-organization div.options img.search  { position: absolute; margin-left: auto; max-width: 20px; max-height: 20px; width: 20px; height: 20px; padding: 5px 15px; float:left; left: 290px; top: 5px; background-color: transparent; cursor: pointer; }
        .content-pane.chart-organization div.options a.button.green  { position: absolute; float:left; left: 220px; width: auto; height: auto; padding: 10.20px 12px; padding-bottom: 8.485px; padding-top: 8.485px; }
            
    .contentEmailParticipants { height: 500px; overflow-y: auto; }

    ul.ulParticipants { margin-top: 13px; }

   
        /*desempeño*/
    .content-pane.performance .main-header-menu { display: inline-block; float: right; position: absolute; top: 0px; right: 25px; text-align: right; width: 15%; padding: 0; }
    .content-pane.performance .main-header-menu .select { width: 120px; height: 44px; margin: 0; padding: 0 0 0 5px; border-radius: 0; }
    .content-pane.performance .main-header-menu a { display: inline-block; margin: 5px 1px 0 1px; padding: 10px 20px; text-align: center; } 
    .content-pane.performance .main-header-menu a.button { margin: 10px 0; }
    .content-pane.performance .main-header-menu a.hide { display: none; }
       
    .content-pane.recOpportunities { width: 100%; max-width: 100%; padding: 0 0 30px 0; }
    .content-pane.vacantDetail { width: 100%; max-width: 100%; padding: 50px 0 30px 0; }

    /* --------------------------------------------------------------------------------------------------------------------
    04-1 NEW EVENT - CONFIGURATION

        - config-options: Opciones de configuración al crear un evento. Paso 2 y 4.    
        - header-reviewees-reviewers: Acomodo del Paso 3 de Participantes.    

    -------------------------------------------------------------------------------------------------------------------- */    
    .config-options-configurations{ width: 600px; padding: 0 0 30px 0; height: auto;  }
    .config-options-configurations h2 { padding: 40px 0 0 0; }
    .config-options-configurations p.info { padding: 0; }           

.has-submenu h2 { font-size: 1.2rem; }
.has-submenu .config-options { position: relative; top: 30px; }    
    .has-submenu.reviewees-reviewers .config-options { top: 0px; }
    .content-pane.has-submenu.email { background-color: transparent; } 
    .has-submenu.email .config-options { top: 70px; }  

.config-options-configurations p.check-content { padding: 5px 20px 5px 0; background-color:transparent; }
    .config-options-configurations p.check-content a.description{ width: auto; text-indent: 9px; vertical-align: text-bottom; padding: 0px 20px 10px 0; }
    
    .config-options { width: 650px; padding: 0 0 60px 0; }
        .config-options.Comm { padding: 0 0 0 0; }
        .config-options.Comm h2 { padding: 0 0 0 0; }
    
        .config-options h4 { padding: 20px 0 0 0; font-weight: 600; }
        .config-options p { padding: 20px 0 2px 0; font-weight: 600; width: 650px; }
            .config-options .label-onoff p { width: 200px !important; }
                .config-options .label-onoff p.onoff { width: 55px !important;}
        .config-options h2 { padding: 40px 0 0 0; }
        
        .config-options p.show-hide { padding:20px 0 20px 0; }

        .config-options .hide-config { padding: 0; display: none; }
            .config-options .hide-config.show { display: block; } 
            
		    .config-options p.tooltip { padding: 0 0 5px 0; font-weight: 600; }
            .config-options p.config-options-no-padding { padding: 0 0 5px 0; }


		.config-options .date { width: 100px; height: 31px; color: #555555; border: 1px solid #CCCCCC; border-radius: 0; }
        
        .config-options .checkbox.mail-settings { float: right; margin: -26px 0 5px 0; }

        .config-options .inside-padding { padding: 0 0 0 25px; }
            .config-options .inside-padding h2 { font-size: 1rem; font-weight: 600; }
            .config-options .inside-padding.link { padding-top: 30px; }
        a.hide { display: none; visibility: hidden; }
                    
        .config-options.scale { max-width: 600px; margin: 0; padding: 5px 0 0 0px; } 
            .config-options.scale .label { float: left; clear: left; padding: 10px 10px 0 0; color: #555555; font-weight: 600; font-size: 1rem; }
		    .config-options.scale p { width: 100px; float: left; font-weight: 500; display: inline-block; clear: none;  }
            .config-options.scale .textbox { float: left; clear: right; display: inline-block; margin: 2px 0; }                      
            .config-options.scale .dropdown { float: left; clear: right; width: 100px; height: 40px; margin: -7px 0 0 0; padding: 5px; border-radius: 0; border-color: #CCCCCC; background-color: #FCF8DC; }
            .config-options.scale .hide { display: none; }            
            .config-options.scale .btn { width: 20px; padding: 12px 0 0 10px; }   

            .config-options.scale .dropdown-select-content { margin: 41px 0 0 15px; }


        .config-options.scale-list { clear: both; display: inline-block; float: left; padding: 0; }
            .config-options.scale-list p { padding: 20px 0 20px 0; }
            .config-options.scale-list ul { list-style: none; }
                .config-options.scale-list ul li { clear: both; max-width: 100%;  }
                    .config-options.scale-list ul li p { float: left; clear: left; padding: 10px 10px 0 0; color: #555555; font-weight: 600; font-size: 1rem; width: 20px; height: 25px; }


	.config-options.scale-climate { width: 98%; min-height: 25px; max-height:1000px; height:auto; margin-bottom:10px; padding:0; }
	    .config-options.scale-climate.translate { width: 100%; }
            .config-options.scale-climate h3 { font-weight:700; padding: 10px 0 0 0; }
            .config-options.scale-climate h4 { font-weight:400; padding: 10px 0 0 0; color:green; }
            .config-options.scale-climate .label { padding: 10px 10px 0 0; color: #555555; font-weight: 600; font-size: 1rem; vertical-align: middle; display: block; margin-bottom:10px; }
            .config-options.scale-climate .dropdown { width: 100px; height: 40px; margin: -7px 0 0 0; padding: 5px; border-radius: 0; border-color: #CCCCCC; background-color: #FCF8DC; display: block; }             
            .config-options.scale-climate .check-content{ width:100%; padding:10px 0 10px 0; }
            .config-options.scale-climate .check-content a.description{ width: auto; height:auto; margin-bottom:5px; }
            .config-options.scale-climate .list { clear: both; display: inline-block; float: left; height:auto; padding:10px 0 100px 0; width: 100%; }
            .config-options.scale-climate .list ul { list-style: none; width: 100%;  }
                .config-options.scale-climate .list ul li { width: 100%; height: 42px; padding: 2px 0 2px 0; }
                    .config-options.scale-climate .list ul li p { float: left; clear: left; padding: 10px 5px 0 0; color: #555555; font-weight: 600; font-size: 1rem; text-align:right; width: 45px; }
                    .config-options.scale-climate .list ul li .dropdown-select { width: 300px; height: 35px; display: inline-block; padding: 3px 5px 0; margin: 0; }
                    .config-options.scale-climate ul li .dropdown-select-content { width: 310px; margin: 35px 0 0 -5px;}
            

        .config-options.publish-missing { width: calc(100% - 20px); max-width: unset; margin: 0 0 0 -20px; padding: 30px 0 50px 40px; background-color: #E75151; }
            .config-options.publish-missing p { font-weight: 500; color: white; text-indent: 15px; width: 100%; }
            .config-options.publish-missing h3 { padding: 20px 0 0 0; }
            .config-options.publish-missing.recap { background:#fff1d0; padding: 5px 0 5px 40px; }
            .config-options.publish-missing.recap p { color: #777777; }
            .config-options.publish-missing.recap h3 { color: #555555;}
            
        .config-options input { width: auto; }
            .config-options input[type="text"] { width: 300px; }
            .config-options input[type="number"] { width: 60px; }

        .config-options .check { display: inline-block; width: 100%; }
        .config-options .check-content { float: left; clear: none; width: auto; }
            .config-options p.check-content { padding: 5px 20px 5px 0; }

        .config-options img.config-options-logo { max-width: 300px; max-height: 100px; padding: 20px 0 0 0; }
        .config-options.help .textbox { width: 700px; margin: 15px 0 0 0; }

        .translate-icon { width: 25px; float: left; padding: 22px 0 0 15px; }

        .config-options-questions { width: 600px; padding: 0px 0 0px 0px; }
            .config-options-questions h4 { padding: 20px 0 0 0; font-weight: 600; }
            .config-options-questions p { padding: 10px 0 2px 0; font-weight: 600; }
		        .config-options-questions p.tooltip { padding: 0 0 5px 0; font-weight: 500; }
                .config-options-questions p.config-options-no-padding { padding: 0 0 5px 0; }
		    .config-options-questions .date { width: 100px; height: 31px; color: #555555; border: 1px solid #CCCCCC; border-radius: 0; }
        
            .config-options-questions .checkbox.mail-settings { float: right; margin: -26px 0 5px 0; }

        a.hide { display: none; visibility: hidden; }
        .config-options.scale-questions { width: 90%; margin: 0; padding: 5px 0 40px 20px; }
            .config-options.scale-questions .label { float: left; clear: left; padding: 10px 10px 0 0; color: #555555; font-weight: 600; font-size: 1rem; width: 8px; }
		    .config-options.scale-questions p { width: 100px; float: left; font-weight: 500; display: inline-block; clear: none;  }
            .config-options.scale-questions .textbox { float: left; clear: right; display: inline-block; margin: 2px 0; }                      
            .config-options.scale-questions .dropdown { float: left; clear: right; width: 100px; height: 40px; margin: -7px 0 0 0; padding: 5px; border-radius: 0; border-color: #CCCCCC; background-color: #FCF8DC; }
            .config-options.scale-questions .hide { display: none; }            
            .config-options.scale-questions .btn { width: 20px; padding: 12px 0 0 10px; cursor: pointer; }   

        .config-options.scale-questions-list { display:inline-block; float: left; }
            .config-options.scale-questions-list ul { list-style: none;  }
                .config-options.scale-questions-list ul li { }
                    .config-options.scale-questions-list ul li p { float: left; clear: left; padding: 10px 10px 0 0; color: #555555; font-weight: 600; font-size: 1rem; width: auto; }   
            
        .config-options .quantity { display: inline-block; }
            .config-options .quantity .indent { padding-left: 20px; }
                .config-options .quantity .indent p { width: 380px; }
        .config-options .quantity p { float: left; width: 400px; line-height: 40px; padding: 0 10px 0 0; font-weight: 400; }
            .config-options .quantity p.w1 { width: 150px; }
        .config-options .quantity input { float: left; margin: 3px 20px 0 0; }

        .config-options .contents-config p { width: 200px; height: 30px; line-height: 30px; padding: 10px 0 0 0; }
            .config-options .contents-config .label-onoff p { width: 215px !important; }
                .config-options .contents-config .label-onoff p.onoff { width: 55px !important; }
        .config-options .contents-config input { float: left; }
        .config-options .contents-config textarea { height: 100px; width: 530px; }

        p.label-input { float: left; width: 210px !important; height: 40px !important; padding: 0 20px 0 0 !important; line-height: 40px !important; font-weight: 400; }
            p.label-input.w1 { width: 50px !important; } 
            p.up-label-input { width: auto; font-weight: 400; }

        /*fechas*/
        .config-options.dates { width: 1150px; margin: -20px 0 0 0; padding: 0 0 20px 0; display: inline-block; }
        .config-options.dates p { float: left; width: 330px; line-height: 20px; padding: 6px 10px 8px 0; font-weight: 400; }     
            .config-options.dates p.title-date { clear: none; float: left; padding: 0 5px 0 5px; margin: 3px 0px 10px 0; font-weight: 600; text-align: center; color: #888888; font-size: 1rem; width: 150px; }  
            .config-options.dates p.tooltip { font-weight: 600; }            
            .config-options.dates.inside-padding p { width: 200px; }
                .config-options.dates.inside-padding p.title { font-weight: 600; padding: 20px 10px 8px 10px; }

        .config-options .dates input { float: left; width: 150px; height: 25px; padding: 0 5px 0 5px; margin: 3px 20px 0 0; vertical-align: middle; color: #555555; border: 1px solid #c9c9c9; }
    
        .config-options ul { display: inline-block; width: 90%; }
            .config-options ul li { float: left; width: auto; max-width: 250px; margin: 0; }
                .config-options ul li a { display: block; height: 40%; line-height: 40px; margin: 5px 0 5px 0; }
                .config-options ul li p.check-content { display: list-item; width: 245px; margin: 0 0 0 10px; height: 40px; padding:0;  border: 1px solid; line-height: 40px; }
                    .config-options ul li p.check-content a { margin: 10px 0 14px 0; }
                    .config-options ul li p.check-content a.description { width: 200px; height: 40px; line-height: 40px; }
                .config-options ul li span.div { display: block; height: 35px; margin: 5px 0 5px 0; }
                     
                .config-options ul li .dropdown-select { width: 300px; }  
                    .config-options ul li .dropdown-select a { width: 280px; margin: 0; height: 30px; line-height: 30px; }

    .config-options .ul-columns { display: inline-block; width: 600px; } 
      
    .config-options .ul-columns ul { width: 300px; float: left;  }
        .config-options ul.left-list { width: 200px; } 

        .config-options ul li { width: 100%; height: 42px; padding: 2px 0 2px 0; }
            .config-options ul li a { line-height: 40px; padding: 0; }
                .config-options ul li a.bold { color: #555555; }

            .config-options ul li p.check-content { line-height: 40px; padding: 0 0 0 15px; }
                .config-options ul li p.check-content a { margin: 11px 0 0 0; }
             .config-options ul li .dropdown-select { width: 100%; }

                    .config-options .dropdown-select input { border: none; height: 100%; width: calc(80%); padding: 0 0 0 15px; color: #555555; } 

                .config-options ul li .dropdown-select-content { width: 350px; margin: 1px 0 0 0; } 
                    .config-options ul li .dropdown-select-content a { width: calc(100% - 15px); padding: 0 0 0 15px; height: 40px; line-height: 40px; }

     .config-options input.s-15{ font-size: 15px; }

        .settings-performance .config-options { width: 100%; }
            .settings-performance .config-options .inside-padding { padding: 0 0 30px 25px; }

        .settings-performance.contents .config-options { width: 600px; } 
            .settings-performance.contents .config-options textarea { width: 100%; height: 100px; }            
                .settings-performance.contents .config-options textarea.title { height: 20px; }

        .settings-performance .grid-content textarea { width: 100%; max-height: 80px; }

        .grid-boxes { clear: both; width: 35%; margin: 0; border: none;  }  
            .grid-boxes.wide { width: 70%; }
                .grid-boxes.wide textarea { width: 97%; }
            
            .grid-boxes tr { padding: 0; }
            .grid-boxes th { padding: 0; }
            .grid-boxes td { padding: 0; }

            .grid-boxes p { width: 300px; padding: 0; }
            .grid-boxes textarea { outline: none; }
            .grid-boxes.settings-talentbox { }
                .grid-boxes.settings-talentbox th { color: #555555; font-weight: 600; height: 0; padding-top: 0;}
                    .grid-boxes.settings-talentbox th.title { padding-left: 10px }
                    .grid-boxes.settings-talentbox th.value { margin-left: 1px; width: 41px; min-width: 41px; max-width: 41px; }
                    .grid-boxes.settings-talentbox th.color { margin-left: 0; margin-right: 32px; padding-left: 3px; width: 120px; min-width: 120px; max-width: 120px; }
                .grid-boxes.settings-talentbox tr { padding: 0; }
                .grid-boxes.settings-talentbox td { padding: 0; }
                    .grid-boxes.settings-talentbox td.label { text-align: right; padding: 0 10px 0 0; font-weight: 600; word-break: normal; min-width: 20px;  }
                .grid-boxes.settings-talentbox textarea { margin: 5px 0 0 0;}
                    .grid-boxes.settings-talentbox textarea.description { width: 150px; }
                    .grid-boxes.settings-talentbox textarea.value { width: 15px; }
                    .grid-boxes.settings-talentbox textarea.color { width: 70px; }                
                .grid-boxes.settings-talentbox .color-picker { width: 155px; height: 38px; margin: 5px 0 0 0; }
            .grid-boxes.settings{}
                .grid-boxes.settings input { width: 150px; margin:10px 0; display:inline-block; background-color: pink;}

            .grid-boxes th.description { width: 90%;  }
            .grid-boxes th.w3 { width: 10%; } 
                .grid-boxes th.w3 p { width: 80%; text-align: center; }

            .grid-boxes th.label { text-align: left; padding: 0 10px 0 0; font-weight: 600; word-break: normal; color: #555555;  }
                .grid-boxes th.label.font-large { font-size: 1.15em; }
            .grid-boxes td.label { text-align: right; padding: 0 10px 0 0; font-weight: 600; word-break: normal; min-width: 28px;  }

            .grid-boxes td.description { width: 90%; padding: 0 10px 0 0; }
            .grid-boxes td.w3 { width: 10%; padding: 0 10px 0 8px; vertical-align: top; } 
                .grid-boxes.wide td.w3 { padding: 0 30px 0 0; }
            .grid-boxes td.w3 input { height: 38px; }

            .grid-boxes td.add-delete { display: table-cell; width: 20px; min-width: 20px; max-width: 20px; padding: 0 5px 5px 0; }
                
                .grid-boxes .grid-row-action { width: 20px; height: 20px; margin: 0; padding: 0; vertical-align: middle; cursor:pointer; }
                    .grid-boxes .grid-row-action.documents { padding: 10px 10px 10px 5px; cursor:pointer; }
                .grid-boxes .grid-row-action input { cursor: pointer; }
                .grid-boxes .grid-row-action.hide { visibility: hidden; display: block; }

        .grid-boxes.scales-config { margin-top: 80px; } 
        .popup-top .grid-boxes.scales-config { margin-top: 0px; } 
        /*--------*/
        .config-options.permits-config { width: 600px; padding: 0 0 10px 0; }

    .pane-reviewees-reviewers { width: 100%; height: 100%; padding: 20px 0 0 0; }
        .pane-reviewees-reviewers h3 { padding: 0 0 0 0; font-weight: 600; }
	    .pane-reviewees-reviewers .pure-form { max-width: 200px; min-width: 190px; margin-top: 16px; }
	        .has-submenu .pane-reviewees-reviewers .pure-form { margin-top: 10px; }

        .pane-reviewees { display: inline-block; vertical-align: top; width: 32%; height: 100%; overflow-x: hidden; margin: 0; padding: 0 0 0 0; }            
            .pane-reviewees p { width: 90%; }
            .pane-reviewees.hide { display: none; }
        .pane-reviewers { float: right; vertical-align: top; width: 64%; height: 100%; overflow-x: hidden; margin-top: -20px; padding: 20px 0 0 3%; background-color: #FFF1D1; }  
                .pane-reviewers p.climate { max-width: 450px; }
                .pane-reviewers p.hide { display: none; }
                  .pane-reviewers p.percentageRelationShip { width:150px; height:20px; padding:10px 5px 5px 0; margin-bottom: 5px; vertical-align: middle; visibility: visible; display:block; float:left; text-align:left; }
                .pane-reviewers textarea.percentagearea { width:67px; height:20px; padding:10px 5px 5px 5px; margin-bottom: 5px; vertical-align: middle; visibility: visible; display:block; float:left; text-align:right; }
                .pane-reviewers p.check-content a.description { width: 500px; }
        .has-submenu .pane-reviewees { width : 40%; }
        .has-submenu .pane-reviewers { width : 57%; }


        .pane-reviewers-climate { float: left; vertical-align: top; width: 100%; height: 100%; overflow-x: hidden; margin-top: -20px; padding: 20px 0 0 0; background-color: var(--main-bg-color); }
            .pane-reviewers-climate .header-reviewers { height: 160px; width: 98.5%; }
	        
        .header-reviewees, .header-reviewers { height: 160px; } 
            .has-submenu .header-reviewees, .has-submenu .header-reviewers { height: auto; } 
        .header-reviewers { width: 97%; }
        .pane-reviewers .button.green { height: 40px; }
            @media all and (max-width: 1275px ) {
		        .pane-reviewers .button.green { width: 12%; min-width: 115px; text-align: center; } 
	            } 

            /*reviewee-reviewers*/
        .header-reviewers p.check-content { float: right; padding: 0; margin: 0 40px 0 0; width: 250px; }

            .header-reviewers .actions-menu .search .pure-input { float: left; }
            .header-reviewers .button.green { float: right; width: 130px; text-align: center; margin: 0 0 0 10px; }
                .header-reviewers .button.green { margin: -5px 0 0 10px; }

        .header-reviewers .dropdown-select { float: left; margin: 0px 0 5px 5px; height: 38px; width: 105px; vertical-align: middle; }
            .header-reviewers .dropdown-select a { margin: 8px 0 8px 0; min-width: 70px; max-width: 70px; white-space: nowrap; overflow: hidden; }
            .header-reviewers .dropdown-select a.dropdown-right { padding: 0 2px 0 0; min-width: 10px; max-width: 10px; } 
            
        .header-reviewers .dropdown-select-content { width: 200px; }
            .header-reviewers .dropdown-select-content a { min-width: 180px; max-width: 180px; height: auto; min-height: 15px; margin: 0; padding: 5px 10px 5px 10px; white-space: normal; }
    
    
   

    /*grid-evaluados-evaluadores*/
    .table-reviewees { width: 100%; height: 68%; overflow-x: auto; margin: 0; border-radius: 0; }
        .table-reviewees .grid-content { width: 100%; } 
        .table-reviewees .grid-content .column { min-width: 100px; }
            .table-reviewees .grid-content td { padding: 0 7px 0 15px; }

    .table-reviewers { width: 97%; height: 68%; overflow-x: auto; margin: 0; border-radius: 0; }    
        .table-reviewers .grid-content .column { min-width: 200px; }
            .table-reviewers .grid-content td { padding: 0 7px 0 15px; }
            .table-reviewers .grid-content .column.ddown .dropdown-content { margin: 5px 0 0 -10px; width: 155px; } 

    .table-reviewers-climate { width: 98.5%; height: 65%; margin: 0; }     
        .table-reviewers-climate .grid-content .column { max-width: 250px; }  

    .has-submenu .table-reviewees { height: 75%; width: 97%; } 
    .has-submenu .table-reviewers { height: 75%; }

    /*email*/
    .textbox.paragraph .required { color: red; }
    .textbox.paragraph .default { color: mediumseagreen; }

    .content-pane.email { background-color: #f4f4f4; }
    .content-pane.email.orgchart-settings { min-width: 1090px; width: calc(87% - 25px); max-width: 100%; left: 13%; }


    .reset { all: initial; * {all: unset; }}
    .email-edit { background-color: white; width: 800px; height: auto; border: 1px solid #CCCCCC; padding: 5px; overflow-y: auto; text-align: center; font-family: Lato, Helvetica, Arial, sans-serif; margin: 0; outline: none; }
        .email-edit p { padding: 0; line-height: 1.6rem; margin: 0; width: auto; font-size: 16px; }
        .email-edit h1 { text-align: center; width: auto; font-weight: 500; color: #111111; }
        .email-edit h2 { text-align: center !important; width: auto; font-weight: 500; float: none; }
        .email-edit img { text-align: center; margin: 0 auto; float: none; padding: 0; }
        .email-edit img.imageEmail { max-width: 500px; }
        .email-edit table { text-align: center; margin: 0 auto; }
        .email-edit td { text-align: center; margin: 0 auto; }
        .wrapper { max-width: 600px !important; min-width: 600px !important; }
        .email-top-header { width: auto; min-width: 600px; }
        .email-edit.subject { height: 20px; line-height: 20px; margin: 10px 0  10px 0; text-align: left; }
                    
    .icon { padding: 10px 0; width: 800px; }
    .icon a { display: inline-block; width: 20px; height: 20px; line-height: 15px; font-size: 1.6rem; border: 1px solid; padding: 9px 5px 5px 9px; margin: 0; border-radius: 0; cursor: pointer; }
        .icon .sel { background-color: #C9C9C9; }
        .icon .bold { font-weight: 600; color: #888888; }            
        .icon .color { border: 1px solid #888888; }
        .icon .underline { text-decoration: underline; color: #888888; }
        .icon .dark-color { background-color: #111111; }
        .icon .light-color { background-color: #555555; }
        .icon .dark-color-text { color: #111111; }
        .icon .light-color-text { color: #555555; }
        .icon p.check-content { float: right; width: 100px; padding: 0; }    
            .icon p.check-content a { padding: 0; }
                    
    .email-field { border: 1px solid #999999; border-radius: 0; padding: 3px;  }
        .block { background-color: #f2b093; }
    .email-link { color: mediumblue; text-decoration: underline; }

    .dropdown-color { position: relative; display: inline-block; cursor: pointer; padding: 0;  }
    .dropdown-color-content { display: none; position: absolute; margin: -5px 0 0 5px; background-color: white; box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.5); z-index: 1; width: auto; padding: 10px 0 5px 5px; width: 150px; }
        .dropdown-color-content { left: 6px; top: 44px; }
        .dropdown-color.active .dropdown-color-content { display: block;}
    /* --------------------------------------------------------------------------------------------------------------------
    04-1 ADD USERS
    -------------------------------------------------------------------------------------------------------------------- */    

        .no-users { position: absolute; width: 350px; margin: 0 auto; top: 250px; left: 50%; margin-left: -125px; text-align: center; transition: opacity 0.3s ease-in-out; }
            .no-users:hover { opacity: 0.7; transition: opacity 0.3s ease-in-out; }
            .no-users img { margin: 0 auto; padding: 0 0 10px 0; }
            .no-users p { width: 300px; margin: 0 auto; padding: 0 0 0 0; text-align: center; font-size: 1.2rem; font-weight: 600; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
05 GRIDVIEW

    Orange Header: #EFA863;
    Light Blue Hover: #D4E0F0;

--------------------------------------------------------------------------------------------------------------------------------------------- */
/*generales*/
.grid-content .click { cursor: pointer; }
    .grid-content tr.click { cursor: pointer; }
.grid-content .row-content { float: left; display: inline-block; }
.grid-content.no-hover tr:hover { background-color: transparent; }
/*desahibilitar*/
.grid-content.contents-disable textarea { pointer-events: none; }
.grid-content.contents-disable input { pointer-events: none; }
.grid-content.contents-disable .add-delete { pointer-events: none; }
.grid-content.contents-disable .add-delete a { color: #C9C9C9 !important; }

.grid-content.contents-disable .dropdown-select { pointer-events: none; }
.grid-content.contents-disable .dropdown-select a.dropdown-right { display: none; }
.grid-content.contents-disable .dropdown-select-no-hide { pointer-events: none; }
.grid-content.contents-disable .dropdown-select-no-hide a.dropdown-right { display: none; }

.grid-content.contents-disable ul .options li { cursor: default !important; }

    th, tr, tr td { border: none; height: 40px; padding: 0 0 0 15px; text-align: left; word-break: break-word; }  
        th { color: white;  font-weight: 600; } 
        
    .grid-scroll-horizontal { width: 100%; height: calc(100% - 80px); overflow: auto; }
        .grid-scroll-horizontal.height-small { height: calc(100% - 90px); }
       .icon-menu .grid-scroll-horizontal { width: 99%; }

    .grid-header { clear: both; width: 100%; height: 45px; margin: 0 auto; border: none; border-radius: 0 0 0 0; word-break: break-word; background-color: #F0A66C; color: white; }
        .has-left-menu .grid-header { width: calc(100% - 20px); margin: 0; }

        .grid-header .column { color: white; font-weight: 600; }		

        .grid-header.center .column { text-align: center; padding: 0; }
		    .grid-header.center .column.left { text-align: left; padding: 0 0 0 15px; }
		
            .grid-header .column.click, .grid-content .column.click { cursor: pointer; } 
			    .grid-header .column.click::after { content: "\002B"; font-size: 1.3rem; margin: 0 0 0 5px; }

	.grid-content { clear: both; width: 100%; margin: 0 auto; border: none; background-color: white; cursor: default; }
        
        .has-left-menu .grid-content { width: calc(100% - 20px); margin: 0; }        
            .has-left-menu.fixed-height .grid-content { width: 100%; }

        .grid-content th { color: white; border: none; cursor: default; font-weight: 600; background-color: #333333; }
            .grid-content th.left { border-radius: 0 0 0 0; }
            .grid-content th.right { border-radius: 0 0 0 0; }
            .grid-content th.sort { cursor: pointer; }
                .grid-content th.sort:after { content: url('../settings/img/sort.png'); padding: 0 0 0 5px; }
		.grid-content tr { border: none; transition: all 0.2s ease-in-out; }
		    .grid-content tr:hover { background-color: RGBA(240, 166, 108, 0.50); transition: all 0.3s ease-in-out; }   
            
            .grid-content tr.row-border { border-top: 3px solid var(--main-bg-color); }
                .grid-content tr.row-border .column { padding: 10px 0 10px 15px}

        .grid-content.area-report { background-color: #dddddd; border-top: 1px solid var(--main-bg-color); border-bottom: 1px solid var(--main-bg-color); }

        .grid-content .missing { background-color: RGBA(210, 82, 79, 0.2); }
            .grid-content .missing:hover { background-color: RGBA(210, 82, 79, 0.2); }
		    .grid-content .missing tr:hover { background-color: transparent; }

        .grid-content .empty { }
            .grid-content .empty:hover { background-color: transparent; }
		    .grid-content .empty tr:hover { background-color: transparent; }

        .grid-content .column { height: 40px; margin: 0; text-align: left; }	
            .grid-content .column.matrixquestion  { padding-left: 35px; background-color: transparent; }
            .grid-content .column.questions  { padding: 10px 25px 10px 20px; }	
		    .grid-content .column.center { text-align: center; padding: 0;  }
            
        .grid-content.center .column { text-align: center; padding: 5px 0; }
			.grid-content.center .column.left { text-align: left; padding: 5px 15px 5px 15px; }

            .grid-content .column .textbox { border: none; width: 100%; outline: none; border-radius: 0; margin: 0; padding: 10px 0; background-color: transparent; }
                        
                .grid-content.has-grid .column .textbox { margin: 0 0 0 -15px; padding: 11px 5px 11px 15px; border: 1px solid #dddddd; border-bottom-width: 0; border-left-width: 0; }
                .grid-content .column .textbox.area { color: #555555; margin: 20px 0 8px 0; height: 45px; }
                
                .grid-content.has-grid { border: 1px solid #dddddd; border-radius: 0; }

			    .grid-content .column .textbox.error { color: red; }
         
                .grid-content .column.ddown .dropdown { max-width: 150px; min-width: 150px; position: relative; } 
                    .grid-content .column.ddown .dropdown-content { margin: 5px 0 0 -10px; width: 155px; max-height: 300px; overflow-x: auto; } 
                        .grid-content .column.ddown .dropdown-content.wide { margin: 5px 0 0 -10px; width: 255px; }

        .has-submenu .grid-content .column.ddown { max-width: 155px; min-width: 100px; }
            .has-submenu .grid-content .column.ddown .dropdown { max-width: 155px; min-width: 125px; }
                .has-submenu .grid-content .column.ddown .dropdown a { min-width: 100px; max-width: 100px; width: 100px; overflow: hidden; display: inline-block }
                    .has-submenu .grid-content .column.ddown .dropdown .dropdown-content { width: 230px;  }
                    .has-submenu .grid-content .column.ddown .dropdown .dropdown-content a { min-width: calc(100% - 30px); max-width: calc(100% - 30px); width: calc(100% - 30px); padding: 6.3px 15px; display: block; } 
        .has-submenu.reviewees-reviewers .grid-content .column.ddown .dropdown .dropdown-content { width: 130px;  }
        /*combo pregunta*/
        .grid-content tr.ddown { height: 0px; border: none; background-color: #FCF8D9; border-bottom:solid 15px var(--main-bg-color); } 
            .grid-content tr.ddown td { padding: 0; width: 99%; }
            .content-pane.evaluation .grid-content tr.ddown.multiple-scale .column { background-color: #FCF8D9; }


            .grid-content tr.ddown .dropdown-select-no-hide { position: relative; display: inline-block; width: 99%; vertical-align: middle; margin-top: 0; background-color: transparent; border: none; height: 60px; } 
                .grid-content tr.ddown .dropdown-select-no-hide a.title { width: 90%; max-width: 1000px; padding: 0; }
                .grid-content tr.ddown .dropdown-select-no-hide a.arrow { padding: 0px 10px 0 10px; width: 10px; float: left; font-size: 1.5rem; }
                .grid-content tr.ddown .dropdown-select-no-hide .search { float: left; width: 60%; max-width: 85%; min-width: 150px; margin: 0 0 10px 15px; padding: 0; }
                    .grid-content tr.ddown .dropdown-select-no-hide .search .pure-input { width: 100%; padding: 15px 10px; margin: 0 0 15px 15px; border: solid 1px #ccc; }
                        .grid-content tr.ddown .dropdown-select-no-hide .search .pure-input .disable { pointer-events: none; }

           .grid-content tr.ddown .dropdown-select-no-hide .dropdown-select-content { margin: 60px 0 0 -10px; width: 90%; z-index: 1; max-height: 200px; }
                .grid-content tr.ddown .dropdown-select-no-hide .dropdown-select-content p.check-content { height: 30px; padding: 10px 0 0 15px !important; width: calc(100% - 15px) !important; } 
                    

.dropdown-select-no-hide .dropdown-select-content { display: none; position: absolute; margin: 41px 0 0 0; background-color: #f9f9f9; width: 220px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); max-height: 560px; height: auto; overflow-x: auto; z-index: 1; }   

    .grid-content .dropdown { position: absolute; display: inline-block; cursor: pointer; margin-top: -13px;  }
        .grid-content .dropdown a { max-width: 90%; }
        .grid-content .dropdown-content { display: none; position: absolute; margin: 0 0 0 -170px; background-color: #f9f9f9; width:180px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
            .grid-content .dropdown-content.questions { width: 300px; margin: 0 0 0 -170px; }
            .grid-content .dropdown-content.open-questions {width: 180px; margin: 0 0 0 -170px;}
            .grid-content .dropdown-content.users { width: 200px; margin: 0 0 0 -170px; }

            .grid-content .dropdown-content.left {width: 160px; margin: 0 0 0 -130px; vertical-align:middle; position:absolute;}

        .grid-content .dropdown-content a { color: #555555; padding: 6.3px 16px; text-decoration: none; display: block; }
            .grid-content .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
            .grid-content .dropdown-content a.hide { display:none; visibility:hidden; }
            .grid-content .dropdown.active .dropdown-content { display: block; }
                    .grid-content .dropdown.active .dro

        .grid-content .dropdown a { max-width: 90%; }
        .grid-content .dropdown-content { display: none; position: absolute; margin: 0 0 0 -170px; background-color: #f9f9f9; width:180px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; }
            .grid-content .dropdown-content.questions { width: 300px; margin: 0 0 0 -170px; }
            .grid-content .dropdown-content.open-questions {width: 180px; margin: 0 0 0 -170px;}
            .grid-content .dropdown-content.users { width: 200px; margin: 0 0 0 -170px; }

            .grid-content .dropdown-content.left {width: 160px; margin: 0 0 0 -130px; vertical-align:middle; position:absolute;}

        .grid-content .dropdown-content a { color: #555555; padding: 6.3px 16px; text-decoration: none; display: block; }
            .grid-content .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
            .grid-content .dropdown-content a.hide { display:none; visibility:hidden; }
            .grid-content .dropdown.active .dropdown-content { display: block; }
                    .grid-content .dropdown.active .dropdown-content a.description { color: #555555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

    .grid-content .dropdown-select { position: relative; display: inline-block; cursor: pointer; margin-top: -13px; border: none; background-color: transparent; width: 100%; height: 20px; padding: 5px 0 0 0;  }
        .grid-content .dropdown-select a.dropdown-right { padding: 0; margin: 0; }
        .grid-content .dropdown-select input { width: calc(100% - 25px); }

    .green-text { color: #3BB273; }
        .green-text p.check-content a.description { color: #3BB273; }
    .red-text { color: #EA7466; }
        .red-text p.check-content a.description { color: #EA7466; }

    .grid-content .event-row { height: 60px; vertical-align: middle; background-color: #dcdcdc; }
        .grid-content tr.event-row:hover { background-color: #dcdcdc; }

    .grid-content .column.w1 { width: 20%; max-width: 260px; min-width: 250px; }
    .grid-content .column.w2 { width: 13%; max-width: 160px; min-width: 150px; }
    .grid-content .column.w3 { width: 5%; max-width: 60px; min-width: 50px; }
    .grid-content .column.w4 { width: 5%; max-width: 15px; min-width: 10px; }
    .grid-content .column.w5 { width: 5%; max-width: 120px; min-width: 110px; }
    .grid-content .column.w6 { width: 20%; max-width: 210px; min-width: 200px; } 
    .grid-content .column.w7 { width: 45%; } 
    .grid-content .column.w8 { width: 5%; max-width: 75px; min-width: 65px; }

     .grid-content .column.percentage5 { width: 5%; }
    .grid-content .column.percentage10 { width: 10%; }
    .grid-content .column.percentage15 { width: 15%; }
    .grid-content .column.percentage20 { width: 20%; }
    .grid-content .column.percentage25 { width: 25%; }
    .grid-content .column.percentage30 { width: 30%; } 
    .grid-content .column.percentage35 { width: 35%; } 
    .grid-content .column.percentage40 { width: 40%; }
    .grid-content .column.percentage45 { width: 45%; }
    .grid-content .column.percentage50 { width: 50%; }
    .grid-content .column.percentage60 { width: 60%; }
    .grid-content .column.percentage70 { width: 70%; }
    .grid-content .column.percentage80 { width: 80%; }
    .grid-content .column.percentage90 { width: 90%; }
    .grid-content .column.percentage100 { width: 100%; }
    
    .grid-content .column.value { border: 1px solid #EEEEEE; text-align: center; padding: 0 12px 0 0; color: #555555; }
    .grid-content th.column.value { color: white; padding: 0; }
    .grid-content .column.total { font-weight: 600; } 
    .grid-content .column.phase { padding: 0; }
    .grid-content .column.chk { width: 3%; max-width: 15px; min-width: 15px; padding: 0 0 0 10px; }
    .grid-content .column.description { width: 30%; max-width: 260px; min-width: 250px; padding: 0 0 0 20px; } /*min-width: 310px; */
        .grid-content .column.description.w1 { width: 30.63%; max-width: 330px; min-width: 300px; } /*min-width: 310px; */
    	.grid-content .column.description-small { width: 10%; max-width: 500px; min-width: 90px; }
    .grid-content .column.ddown { width: 12%; max-width: 155px; min-width: 150px; }
        .grid-content th { border: none !important; pointer-events: none; }
            .grid-content tr.fixed-header th { padding-left: 20px; }

    .board .grid-content { border-bottom: 1px solid #EEEEEE; }
        .board .grid-content tr.btop { border-top: 1px solid #EEEEEE; }

    .grid-content .column.value.check { background-image: url('../settings/img/check.png'); background-repeat: no-repeat; background-size: 15px; background-position-x: 90%; background-position-y: center; } 
    .grid-content .column.value.no-check { background-image: url('../settings/img/no-check.png'); background-repeat: no-repeat; background-size: 15px; background-position-x: 90%; background-position-y: center; } 
    .grid-content .column.value.process { background-image: url('../settings/img/progress.png'); background-repeat: no-repeat; background-size: 15px; background-position-x: 90%; background-position-y: center; } 
    .grid-content .column.value.blank { background-color: var(--main-bg-color); border: 1px solid #EEEEEE; } 

    .grid-content input { border: none; width: calc(100% - 30px); outline: none; height: 25px; color:#555555; padding: 0 0 0 5px; vertical-align: top; background-color: transparent; font-size: 1rem; word-wrap: break-word; }
            .grid-content input.disable { pointer-events: none; }       

    @media all and (max-width: 1100px ) {
		.grid-content-horizontal-scroll { float: left; width: calc(100% - 20px); clear: left; overflow-x: auto; margin: 0; border-radius: 0; }
            .grid-content-horizontal-scroll .grid-content .column.w1 .textbox { min-width: 350px; }
            .grid-content-horizontal-scroll .grid-content .column.w2 .textbox { min-width: 100px; }
            .grid-content-horizontal-scroll .grid-content .column.w3 .textbox { min-width: 60px; }
	    } 

        .dropdown-list.adm-questions { padding: 10px 0 0 10px; float: left; min-width: 10%; max-width: 25%; }
            .dropdown-list.adm-questions .dropdown-list-content { width: 250px;}
            .dropdown-list.adm-questions .dropdown-list-content.check-list ul li { height: 25px; width: 100%; margin: 0; }
                .dropdown-list.adm-questions .dropdown-list-content.check-list ul li a.description { width: 80%; padding: 0 0 0 10px; height: 20px; line-height: 20px; margin: 0; }
            .dropdown-list.adm-questions a.description{ float: left; max-width: 90%; overflow:hidden; white-space: nowrap; }

            .dropdown-chk { background-color: white; padding: 10px 20px; position: relative; display: inline-block; cursor: pointer; margin: 10px 0; }
        .dropdown-chk.active .dropdown-chk-content { display: block; }

            .dropdown-chk-content { display: none; position: absolute; margin: 0; background-color: #f9f9f9; width: 180px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; padding: 10px 0 10px 0; }
                .dropdown-chk-content.check-list { width: 400px; margin: 0 0 0 -20px; }
                .content-pane .main .dropdown-chk-content.check-list ul { padding: 2px 0 0 0 ; margin: 0; width: 95%; }     
                    .content-pane .main .dropdown-chk-content.check-list ul li {  width: 100%; }                        
                    .dropdown-chk-content.check-list a:hover { background-color: transparent; }
                .dropdown-chk-content.check-list ul li { min-width: 160px; }
                .dropdown-chk-content.check-list ul li a.chk { float: left; padding: 2px; border: #BCBCBC solid 1px; border-radius: 0; } 
                .dropdown-chk-content.check-list ul li a.description { float: left; width: 80%; max-width: 80%; padding: 0 0 0 10px; cursor: default; color: #555555; }
                .dropdown-chk-content.check-list ul li a.chk:hover { background-color: #DCDCDC; transition: all 0.2s ease-in-out; }
                .dropdown-chk-content.check-list ul a.chk.-sel { background-color: #32C283; border: #32C283 solid 1px; transition: all 0.1s ease-in-out; }
                    .dropdown-chk-content.check-list ul a.chk.-sel:hover { background-color: #32C283; }
            .dropdown-chk-content a.hide { display:none; visibility:hidden; }
                
        .dropdown-list.active .dropdown-list-content { display: block; }

    .check-list ul { position: relative; width: auto; margin: 0; padding: 0; list-style: none; }
        .check-list ul.horizontal { width: 100%; left: 0; }
        .check-list ul li { display: inline-block; text-align: left; padding: 3px 0 3px 0; }
            .check-list ul li.horizontal { width: 25% !important; max-width: 200px; min-width: unset; clear: none; padding: 10px 10px 10px 0; text-indent: 0; min-height: 48px;  border-bottom: solid 10px var(--main-bg-color); }
                .check-list ul li.horizontal.default { background-color: white; }
            .check-list ul li.horizontal.missing { background-color: RGBA(210, 82, 79, 0.2);}
            .check-list li.hide { display: none; }
            .multiple-choice.check-list li.hide { display: none; }
        .check-list ul li a.chk { display: inline-block; border: #BCBCBC solid 1px; width: 15px; height: 15px; transition: all 0.2s ease-in-out; background-color: white; margin: 0 0 0 10px; float: left; } 
        .check-list ul li a.description { width: 140px; height: 100%; display: inline-block; padding: 0 0 0 5px; cursor: default; } 
            .check-list ul li a.chk:hover { background-color: #DCDCDC; transition: all 0.2s ease-in-out; cursor: pointer; }
            .check-list ul a.chk.-sel { background-color: #32C283; border: #32C283 solid 1px; transition: all 0.1s ease-in-out; }
            .check-list ul a.chk.-sel:hover { background-color: #32C283; }

           
    

    /* --------------------------------------------------------------------------------------------------------------------
    04 CONFIG
    -------------------------------------------------------------------------------------------------------------------- */    
         .grid-content textarea { border: none; width: 100%; outline: none; border-radius: 0; padding: 10px 0; background-color: transparent; line-height: 20px; vertical-align: middle; height:20px; cursor: text; }   
         .grid-content.web textarea { border: none; width: 100%; outline: none; border-radius: 0; padding: 15px 0 0 0; background-color: transparent; line-height: 20px; vertical-align: middle; height:20px; cursor: text; } 
            .grid-content tr.area textarea { font-weight: 600; margin: 5px 0 5px 0; }
                .grid-content tr.area.description textarea { font-weight: 500; width: 108%; }                
           

        .grid-content.gray-header .area { background-color: #bbd8b4; font-weight: 500; }
            .grid-content.gray-header .area:hover { background-color: #bbd8b4; }
        
        .grid-content.gray-header tr { height: 55px; border-bottom: 5px solid var(--main-bg-color); }

        .grid-content.yellow-header tr { border-bottom: 5px solid var(--main-bg-color); vertical-align: middle; height: 20px; }
            .grid-content.yellow-header tr.left-border { background-image: -webkit-linear-gradient(left, #fbe1a3 10px, transparent 10px); }

        .grid-content.yellow-header .matrix { background-color: transparent ; font-weight: 500; vertical-align: middle; }

        .grid-content.yellow-header .area { background-color: #333333; font-weight: 600; vertical-align: middle;  }
            .grid-content .area textarea { color: white;}
            .grid-content.yellow-header tr.area { height: 65px; }
                .grid-content.yellow-header tr.area.description { height: 50px; background-color: #f0a66c; }                

            .grid-content.yellow-header .area:hover { background-color: #333333; }
             
            .grid-content.yellow-header td { box-shadow: none; }
            .grid-content.yellow-header td.column { width: 63%; }
                .grid-content.yellow-header td.column.menudropdown {  box-shadow: inset 2px 0 0 0 var(--main-bg-color); width: 27px; min-width: 27px; max-width: 27px; }
                .grid-content.yellow-header .column .textbox.area { margin: 0 0 0 0; color: white; }
                    .grid-content.yellow-header .column .textbox.area.description { height: 10px; font-weight: 500; }
                .grid-content.yellow-header tr.header-title td {  box-shadow: none; }
            .grid-content.yellow-header td.add-delete { display: table-cell; }

            .grid-content .checkbox { vertical-align: middle; padding: 2px 0 0 10px; }

            .grid-content.yellow-header .radio-button { margin: 0; padding: 0; text-align: center; width:100%;  border-spacing:1px;}
		    .grid-content.yellow-header .radio-button-header { margin: 0 17px 0 17px; padding: 0; text-align: center; color: #777777; font-weight: 600; font-size: 1.2rem; }
            .grid-content.yellow-header .radio-button-header-container { margin: 0 0 0 5px; }

            .grid-content.yellow-header .dropdown-select-no-hide { width:130px; border:none; background-color:transparent;  }
                .grid-content.yellow-header .dropdown-select-no-hide a { width: 74%; } 
                .grid-content.yellow-header .dropdown-select-no-hide a.white { color: white; }
		.grid-content.yellow-header .dropdown-select-no-hide .dropdown-select-content { width: 200px; max-height: 175px; padding: 0; }
		.grid-content.yellow-header .dropdown-select-no-hide .dropdown-select-content.white a { color: white; }
		
		.grid-content.yellow-header .dropdown-select-no-hide p.check-content { width: 190px !important; height: 18px; line-height: 20px; padding: 9px 0 8px 10px !important; } 
                .grid-content.yellow-header .dropdown-select-no-hide p.check-content a { width: 15px; height: 15px; padding: 0; margin: 0; cursor: pointer; }
                .grid-content.yellow-header .dropdown-select-no-hide p.check-content a.description { width: 150px; height: auto; white-space: normal; cursor: pointer; line-height: 18px; padding-left: 5px; }
        .grid-content.yellow-header .dropdown.active .dropdown-content { overflow: auto; }

        /*titulo preguntas*/
        .grid-content.yellow-header tr.header-title { background-color: var(--main-bg-color); border: none; height: 15px; }
        .grid-content.yellow-header tr.header-title td textarea { font-weight: 600; height: 15px; padding: 5px 0; overflow: hidden; vertical-align: text-bottom; margin-top: 10px; pointer-events: none; }
            .grid-content.yellow-header tr.header-title td textarea.percentagearea { padding-bottom: 12px; text-align: center; }
        .grid-content.yellow-header tr.header-title td.column { height: 10px; }
        .grid-content.yellow-header tr.header-title td.add-delete { height: 10px; }

        .grid-content.yellow-header tr.header-title td.column.menudropdown { background-color: transparent; }
        .grid-content.yellow-header tr.header-title td.column.menudropdown .dropdown { display: none; height: 10px; }

        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown { height: 10px; padding-bottom: 5px; margin-top: 10px; }
        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown a { font-weight: 600; }
        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown a.dropdown-right { display: none; }

        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown-select-no-hide { height: 10px; padding-bottom: 15px; margin-top: 0px; }
        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown-select-no-hide a { font-weight: 600; }
        .grid-content.yellow-header tr.header-title td.column.ddown .dropdown-select-no-hide a.dropdown-right { display: none; }

/*.dropdown-select-no-hide p.check-content { position: relative; padding: 7px 0 7px 3% !important; width: 97% !important; height: 20px; margin-bottom: -6px; }
        .dropdown-select-no-hide p.check-content:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
        .dropdown-select-no-hide p.check-content.disable { cursor: default; } 
        .dropdown-select-no-hide p.check-content a { padding: 0; margin: 0; cursor: pointer; } 
            .dropdown-select-no-hide p.check-content a.description { width: 85%; height: auto; white-space: normal; cursor: pointer; line-height: 17px; padding: 0; }*/
	
                .settings-performance .grid-content.yellow-header .dropdown-select-no-hide { width: 210px; }
                    .settings-performance .grid-content.yellow-header .dropdown-select-no-hide a { width: 90%; max-width: 80%; }
                    .settings-performance .grid-content.yellow-header .dropdown-select-no-hide .dropdown-select-content { width: 190px; margin: 40px 0 0 15px; height: 62px; overflow: hidden; } 
        .settings .grid-content .dropdown-select-no-hide .dropdown-select-content { width: 160px; margin: 32px 0 0 -10px; min-height: 36px; max-height: 180px; height: auto; word-break: break-word; overflow-y: scroll; }

        .settings .grid-content .dropdown .dropdown-content { width: 160px; margin: 0; }
        .settings .grid-content .dropdown-select-no-hide .dropdown-select-content { width: 160px; margin: 40px 0 0 -30px; position: relative; }
            .settings .grid-content .dropdown-select-no-hide .dropdown-select-content.options { margin-left: -480px; }
                
        .grid-content .requires-justification { width: 10px; height: 10px; vertical-align: middle; margin: 0; padding: 0; visibility: visible; display:block; float:left;}
            .grid-content .dropdown-content .requires-justification { padding: 12px 10px 0 10px; }
            .grid-content .requires-justification.hide { visibility:hidden; display:block; }

        .grid-content .percentagearea {width:50px ; vertical-align: middle; margin: 0; padding: 0; visibility: visible; display:block; float:right; text-align:right; }

    /* --------------------------------------------------------------------------------------------------------------------
    04 USERS
    ------------------------------------------ -------------------------------------------------------------------------- */
        
        .grid-users { width: auto; height: 100%; overflow-x: auto; } 
            .grid-users th { height: 20px; }
            .grid-users .column.right { padding: 0 15px 0 0; }           

            .grid-content .textbox.block, .grid-content .textbox.block:disabled { color: #32C283; text-decoration: none; }
             .grid-content .textbox.admin, .grid-content .textbox.admin:disabled { color: #4183C4; text-decoration: none; }
              .grid-content .textbox.unsubscribe, .grid-content .textbox.unsubscribe:disabled { color: #C9C9C9; text-decoration: none; }

            .grid-content ul.check-select { width: 20px; padding: 0; margin: 0; vertical-align: text-bottom; }            
           
		    .grid-content ul.check-select li { display: inline-block; width: 15%; text-align: center; padding: 5px 0 0 0; } 
                .grid-content ul.check-select li a { display: inline-block; text-align: center; background-color: white; border: #BCBCBC solid 1px; border-radius: 1%; width: 15px; height: 15px; transition: all 0.2s ease-in-out; cursor: pointer; } 
                    .grid-content ul.check-select li a:hover { background-color: #bdebd7; transition: all 0.2s ease-in-out; }
                    .grid-content ul.check-select li a.-sel { background-color: #32C283; border: #32C283 solid 1px; transition: all 0.1s ease-in-out; }
                    
                    .grid-content ul.check-select li.disable a { background-color: #CCCCCC; }
        .settings { display: inline-block; text-align: center; color: white; font-size:1.5em; }

    a.button.green.addUser { position: absolute; right: 20px; }
    a.button.green.downloadUser { position: absolute; right: 115px; }
    .ddactionsUser { position: absolute; right: 232px; }
        .ddactionsUser .dropdown-select.active .dropdown-select-content { position: fixed; }
    .ddFiltersUsers { position: absolute; right: 409px; }
        .ddFiltersUsers .dropdown-select.active .dropdown-select-content { position: fixed; }
/* --------------------------------------------------------------------------------------------------------------------
    04 REPORTS
    -------------------------------------------------------------------------------------------------------------------- */

        .grid-report-all-users { width: 1900px; overflow-x: auto; }            
            .grid-report-all-users .column { width: 200px; }
            .grid-report-all-users.grid-header.center .column.left { width: 350px; padding: 23px 0 23px 15px; }
            .grid-report-all-users.grid-content.center .column.left { width: 200px; }

        .grid-content.open-questions-report .area { padding: 5px 0 5px 20px; background-color: #f0a66c; color: white; border-radius: 0 0 0 0; }
            .grid-content.open-questions-report .area:hover { background-color: #f0a66c; }
        .grid-content.open-questions-report .column { height: 40px; font-size: 1rem; font-weight: 500; border-bottom: 2px solid var(--main-bg-color); background-color: white; padding: 20px 50px 20px 20px; }

            .content-pane.evaluators .main.height-100 { width: 100%; height: 100%; overflow-y: auto; } 
		    
		    .content-pane .main.header p { width: 90%; max-width: 700px; margin: 0px 0 10px 0; padding: 10px 0 0 5px; }

			    .content-pane .main ul { display: inline-block; margin: 0 0 20px 0; padding: 0; text-align: center; vertical-align: top; list-style: none; }
				    .content-pane .main ul img { float: left; width: 40px; margin: 0 auto; text-align: center; }
				    .content-pane .main ul li { float: left; width: 150px; margin: 0 0 0 10px; list-style: none; }
		
		    .content-pane .checkbox { padding: 0 0 0 10px; clear: both; margin: 0 0 0 12px; font-weight: 600; }
                .content-pane .main .checkbox .checkbox { float: left; }
                .content-pane .checkbox p { float: left; padding: 0 0 10px 15px; }
            
            .content-pane .checkbox-evaluation .checkbox { font-weight: 500; display: block; padding: 5px 0 5px 10px; }
                .content-pane .checkbox-evaluation .checkbox.hide { display: none; }
                


                .content-pane .main .config { padding: 0 0 0 20px; }

		    .content-pane .main .checkbox.no-menu { padding: 10px 0 5px 6px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
05 GRIDVIEW

    Orange Header: #F3A660;
    Light Blue Hover: #D4E0F0;

--------------------------------------------------------------------------------------------------------------------------------------------- */
        
        .grid-content td.add-delete { width: 20px; min-width: 20px; max-width: 20px; padding: 0 5px 0 0; }
            .grid-content .grid-row-action { width: 20px; height: 20px; margin: 0; padding: 0; vertical-align: middle; cursor:pointer; }
                .grid-content .grid-row-action input { cursor: pointer; }
                .grid-content .grid-row-action.hide { visibility: hidden; display: block; }

        .grid-content .option {width:10px; height:10px; vertical-align:middle; margin:0; padding:0; visibility:visible; display:block}
        .grid-content .option.hide {visibility:hidden; display:block; }
        .grid-content.pointer tr { cursor: pointer; }


        .grid-content .disable { pointer-events: none; cursor: default; }

		.grid-content .area { color: #555555; vertical-align: middle; height: 35px; border: none; padding: 0; }
            
        .grid-content .avg { color: white; background-color: #a9a9a9; vertical-align: middle; height: 35px; border: none; padding: 0; }
            .grid-content .avg:hover { background-color: #a9a9a9; color:white; }     
                
                        
		.grid-content.multiple-choice .column { height: 35px; line-height: 1.6rem; padding: 10px 0 0 0; }
        
        .grid-content .alt { background-color: #e9e9e9; }
		.grid-content .selected { color: #555555; background-color: #f9dec9; }
		.grid-content .not-confirmed { color: #BB5C5F;}
			.grid-content .not-confirmed:hover {color: #BB5C5F;}
        .grid-content .add-eval {color: #59AA53;}
            .grid-content .add-eval:hover {color: #59AA53;}
        .grid-content .delete-eval {color:#A9A9A9;}
            .grid-content .delete-eval.disable {pointer-events:none;}
            .grid-content .delete-eval:hover {color:#A9A9A9;}
        .grid-content .pre-defined {color: #537AA9; font-weight:500; }
            .grid-content .pre-defined:hover {color: #537AA9; font-weight:500; }

        .grid-content .column.red { background-color:rgba(187, 92, 95,0.6); box-shadow: inset 2px 0 0 0 var(--main-bg-color); }
        .grid-content .column.yellow { background-color:rgba(224, 220, 110,0.6); box-shadow: inset 2px 0 0 0 var(--main-bg-color); }
        .grid-content .column.blue { background-color:rgba(83, 122, 169,0.6); box-shadow: inset 2px 0 0 0 var(--main-bg-color); }
        .grid-content .column.green { background-color:rgba(89, 170, 83,0.6); box-shadow: inset 2px 0 0 0 var(--main-bg-color); }
        
        .grid-content .column.menudropdown { background-color:#F0A66C; padding: 0; width: 26px; min-width: 26px; max-width: 26px; cursor: pointer; box-shadow: inset 0 2px 0 0 var(--main-bg-color); } 
            .grid-content .column.menudropdown a { color: white; font-size: .7rem; } 
            .grid-content .column.menudropdown:hover { background-color:#F0A66C; transition: all 0.3s ease-in-out; }
            .grid-content .column.menudropdown .dropdown { position: relative; width: 100%; text-align: center; padding: 0 0 0 1px;  } 
            .grid-content .column.menudropdown .dropdown .dropdown-content { width: 215px; margin: 0 0 0 -200px; }
            .grid-content .column.menudropdown .dropdown .dropdown-content a { color: #555555; font-size: 1rem; }
            .grid-content .column.menudropdown .dropdown .dropdown-content a.division { border-bottom: solid 1px #D9D9D9; height: 0; padding: 0; margin:0; } 

            .grid-content .column.menudropdown .submenu { display: inline-block ; cursor: pointer; width:100%; }
            .grid-content .column.menudropdown .submenu:hover { background-color: #f9e0d0; } 
            .grid-content .column.menudropdown .dropdown .submenu a { padding: 6px 6px 6px 29px; width:170px; }
            .grid-content .column.menudropdown .dropdown .submenu a:hover { background-color: transparent; }

            .grid-content .column.menudropdown .dropdown a.submenu-left { float: left; width:5%; color:#999999; padding: 6px 10px; font-size: 10px; }              
            
            .grid-content .column.menudropdown .dropdown .submenu-content { display: none; position: absolute; margin: -25px 0 0 -320px; background-color: #f9f9f9; width: 212px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10 !important; }         /*z-index: 3 !important;*/                   
            .grid-content .column.menudropdown .dropdown .submenu-content a { color: #555555; text-decoration: none; display: block; text-align: left; height: 25px; width: 190px; padding: 6px 6px 6px 16px; }
            .grid-content .column.menudropdown .dropdown .submenu-content a.menu { padding-bottom: 0; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; }
            .grid-content .column.menudropdown .dropdown .submenu-content a.subcategory { width: 184px; padding: 5px 6px 0 32px; }
            .grid-content .column.menudropdown .dropdown .submenu-content a.subcategory:hover { background-color: #f9e0d0; transition: visibility 0s .5s; width: 173px; }
            .grid-content .column.menudropdown .dropdown .submenu-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
            .grid-content .column.menudropdown .dropdown .submenu-content a.hide {display:none; visibility:hidden;}
            .grid-content .column.menudropdown .dropdown .submenu.active .submenu-content { display: block; position: absolute; }
            .grid-content .column.menudropdown .dropdown .submenu.active.margin-neg .submenu-content { margin-left: -190px; }
            .grid-content .column.menudropdown .dropdown .submenu.hide { display: none; }
            .grid-content .column.menudropdown .dropdown a.submenu-left { float: left; width:5px; }
            .grid-content .column.menudropdown .dropdown a.submenu-left.subcategory{ float: left; width:5px; padding: 5px 6px 0 20px; }
            

            .grid-content .row:hover { }
            .grid-content .row.red { color: #BB5C5F; }
			    .grid-content .row.red:hover { color: #BB5C5F; }		    
            .grid-content .row.green{ color: #59AA53; }
			    .grid-content .row.green:hover { color: #59AA53; }
            .grid-content .row.blue{ color: #537AA9; }
			    .grid-content .row.blue:hover { color: #537AA9; }
        
        .grid-content .column.action { vertical-align: middle; }
         
/* ---------------------------------------------------------------------------------------------------------------------------------------------
04 USU usu_Evaluacion
--------------------------------------------------------------------------------------------------------------------------------------------- */

    .content-pane.evaluation p.tooltip { padding: 10px 0 0 0; font-weight: 400; color: black; }
        .content-pane.evaluation p.tooltip b { color: #555555; font-weight: 700; }
        .content-pane.evaluation p.tooltip.diagnostic{ font-size: 1.2rem; }

    .no-evaluations-message p { width: 500px; margin: 0 auto; padding: 100px 0 0 0; font-weight: 600; font-size: 2rem; line-height: 1.6em; text-align: center; }

    .content-pane .grid-header.evaluation .column { background-color: var(--main-bg-color); color: #555555; font-size: 1.05rem; }

        .content-pane.evaluation .grid-content td { max-width: 1090px; }
        .content-pane.evaluation .grid-content tr:hover { background-color: none; }
        .content-pane.evaluation .grid-content .area { height: 45px; border-radius: 14px; }
        .content-pane.evaluation .grid-content .area:hover { background-color: none; }
        .content-pane.evaluation .grid-content .matrix { height: 10px; border-radius: 14px; border: none; background-color: #e9e9e9; font-weight:600; }
        .content-pane.evaluation .grid-content .matrix:hover {  background-color: none; }

            .content-pane.evaluation .grid-content .area .column { padding: 13px 0 13px 25px; color: white; font-size: 1.1rem; font-weight: 400; border-top: 30px var(--main-bg-color) solid; border-left: none; border-right: none; }
            .content-pane.evaluation .grid-content .area.no-brand-color .column  { background-color: #888888; }

            .content-pane.evaluation .grid-content .matrix .column { padding: 40px 0 10px 25px; color: #555555; font-size: 1rem; font-weight: 600; border: none; background-color:var(--main-bg-color); }
             
            .content-pane.evaluation .grid-content .column { padding: 10px 0 10px 25px; height: 35px; font-size: 1rem; font-weight: 400; border-bottom: 2px solid var(--main-bg-color); } 
                .content-pane.evaluation .grid-content .column.question { width: 68%; }
                .content-pane.evaluation .grid-content tr.disable .column.question{ color: lightgray; }

            .content-pane.evaluation .grid-content .matrixquestion .column { padding: 0 0 0 25px; height: 20px; font-size: 1rem; font-weight: 500; border: none; } 
                /*padding: 2px 0 2px 45px;*/
                .content-pane.evaluation .grid-content .matrixquestion .column.question.matrixquestion{ padding: 10px 0 10px 45px; height: 35px; font-weight:400; color: #555555; background-color: transparent; width: 68%; }
                .content-pane.evaluation .grid-content .matrixquestion.border .column { border-bottom: 2px solid var(--main-bg-color);  } /*#EFEDE9*/

                .content-pane.evaluation .grid-content .matrixquestion.rb .column { padding: 10px 20px 10px 70px; }
                .content-pane.evaluation .grid-content .matrixquestion.rb.border .column { border-bottom: 10px solid var(--main-bg-color); } 
            .content-pane.evaluation .grid-content tr.scalematrix { padding:50px 50px 50px 50px; }
            .content-pane.evaluation .grid-content .justify { background-color: #FCF8D9; border-bottom: 5px solid var(--main-bg-color); }
                .content-pane.evaluation .grid-content .justify p { float: right; font-size: 0.9rem; text-align: right; padding: 0 10px 5px 0; color: #999999; }
			    .content-pane.evaluation .grid-content .justify .textarea { width: 95%; padding: 10px 0 0 10px; color: #555555; text-align: left; height: 70px; resize: none; border: none; background-color: transparent; outline: none; } 

            .content-pane.evaluation .grid-content .justify.missing { background-color: RGBA(210, 82, 79, 0.2);  }

            .content-pane.evaluation .grid-content .column.open-question-text { font-size: 1.2rem; }

            .content-pane.evaluation .grid-content.open-questions .area { height: 50px; vertical-align: top; padding: 50px 0; }
            .content-pane.evaluation .grid-content .open-questions { height: 120px; background-color: white; }
                .content-pane.evaluation .grid-content .open-questions p { float: right; font-size: 0.9rem; text-align: right; padding: 0 10px 5px 0; color: #999999; }
                    .content-pane.evaluation .grid-content .open-questions p.reviewer { float: none; font-size: 1rem; text-align: left; color: #555555; padding: 10px 0 0 5px; }

            .content-pane.evaluation .grid-content.height-diagnostic .open-questions { height: 35px; }
                .content-pane.evaluation .grid-content.height-diagnostic .open-questions td { padding: 0 0 0 0; }
                .content-pane.evaluation .grid-content.height-diagnostic .open-questions textarea { height:35px; }
                
                             
            .content-pane.evaluation .grid-content .combo { background-color: var(--main-bg-color); }
                .content-pane.evaluation .grid-content .combo p { padding: 20px 0 5px 0; font-weight: 600; }
                .content-pane.evaluation .grid-content .combo select { width: 50%; border: none; }
                .content-pane.evaluation .grid-content .open-questions .textarea { width: 96.8%; padding: 20px 15px 0 10px; color: #555555; text-align: left; height: 120px; resize: none; border: none; background-color: transparent; outline: none; overflow-x: hidden; overflow-y: auto; }
                .content-pane.evaluation .grid-content .open-questions.missing { background-color: RGBA(210, 82, 79, 0.2);  }

                .content-pane.evaluation .grid-content .description .column { font-weight: 600; color: #333333; font-size: 1rem; border-top: none; border-bottom: none; background-color: var(--main-bg-color); color: #555555; }

        .grid-content .radio-button { margin: 0; padding: 0; text-align: center; }
		.grid-content .radio-button-header { margin: 0 17px; padding: 0; text-align: center; color: #111111; font-size: 1rem; font-weight: 400; }
        .grid-content .radio-button-header-container { margin: 0 0 0 15px; }
        
        .grid-content ul.evaluation-scale { float: right; margin: 0; padding: 0 20px 0 0; }
            .grid-content .area ul.evaluation-scale { padding: 0 20px 0 0; margin: 0; }
            .grid-content .area ul.evaluation-scale li { font-size: 1.1rem; font-weight: 400; color: white; }
		    .grid-content ul.evaluation-scale li { display: inline-block; width: 33px; text-align: center; margin: 0; padding: 5px 0 0 0; vertical-align: middle; height: 100%; }                
                .grid-content ul.evaluation-scale li:hover { transition: all 0.3s ease-in-out; }
                .grid-content ul.evaluation-scale.hide { display: none; }
                .grid-content ul.evaluation-scale li.hide { display: none; }


            .grid-content ul.evaluation-scale li a.rb { display: inline-block; text-align: center; background-color: white; border: #BCBCBC solid 2px; border-radius: 50%; width: 13px; height: 13px; transition: all 0.2s ease-in-out; } 
                .grid-content ul.evaluation-scale li a.rb:hover { background-color: RGBA(50, 194, 131, 0.50); transition: all 0.2s ease-in-out; }
                .grid-content ul.evaluation-scale li a.rb.rb-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                 .grid-content ul.evaluation-scale li a.rb.-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                 .grid-content ul.evaluation-scale li a.rb.hide { display: none; visibility: hidden; }
                 .grid-content ul.evaluation-scale li.rb-na { margin: 0 0 0 15px; }
                
                .grid-content ul.evaluation-scale li a[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 28px auto; background-color: #e9e9e9; color: #555555; font-size: 0.8rem; border-radius: 0; border: solid #888888 1px; line-height: 1.4rem;  }
            
            .grid-content ul.evaluation-scale-matrix { float: left; margin: 0; padding: 0 10px 0 0; }
                .grid-content .area ul.evaluation-scale-matrix { padding: 0 20px 0 0; margin: 0; }
                .grid-content .area ul.evaluation-scale-matrix li { font-size: 1.1rem; font-weight: 400; color: white; }
		        .grid-content ul.evaluation-scale-matrix li { display: inline-block; width: 110px; text-align: center; margin: 0; padding: 5px 7px 0 2px; vertical-align: middle; height: 100%; background-color: transparent; font-size: .9rem; font-weight: 600; line-height:14px; -webkit-hyphens: auto;               -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
                    .grid-content ul.evaluation-scale-matrix li.w6{ width: 91px; }        
                    .grid-content ul.evaluation-scale-matrix li.w7{ width: 76px; font-size: .8rem; }
                    .grid-content ul.evaluation-scale-matrix li.w8{ width: 63px; font-size: .8rem;} 
                    .grid-content ul.evaluation-scale-matrix li.w9{ width: 55px; font-size: .8rem;}
                    .grid-content ul.evaluation-scale-matrix li.w10{ width: 55px; font-size: .8rem; }
                    .grid-content ul.evaluation-scale-matrix li.w11{ width: 55px; font-size: .8rem;}
                    .grid-content ul.evaluation-scale-matrix li.w12{ width: 55px; font-size: .8rem;}
                    .grid-content ul.evaluation-scale-matrix li:hover { transition: all 0.3s ease-in-out; }
                    .grid-content ul.evaluation-scale-matrix.hide { display: none; }
                    .grid-content ul.evaluation-scale-matrix li.hide { display: none; }

                .grid-content ul.evaluation-scale-matrix li:hover { transition: all 0.3s ease-in-out; }
                .grid-content ul.evaluation-scale-matrix li:hover { transition: all 0.3s ease-in-out; }
                .grid-content ul.evaluation-scale-matrix.hide { display: none; }
                .grid-content ul.evaluation-scale-matrix li.hide { display: none; }


            .grid-content ul.evaluation-scale-matrix li a.rb { display: inline-block; text-align: center; background-color: white; border: #BCBCBC solid 2px; border-radius: 50%; width: 13px; height: 13px; transition: all 0.2s ease-in-out; } 
                .grid-content ul.evaluation-scale-matrix li a.rb:hover { background-color: RGBA(50, 194, 131, 0.50); transition: all 0.2s ease-in-out; }
                .grid-content ul.evaluation-scale-matrix li a.rb.rb-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                 .grid-content ul.evaluation-scale-matrix li a.rb.-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                 .grid-content ul.evaluation-scale-matrix li a.rb.hide { display: none; visibility: hidden; }
                 .grid-content ul.evaluation-scale-matrix li.rb-na { margin: 0 0 0 15px; }
                
                .grid-content ul.evaluation-scale-matrix li a[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 28px auto; background-color: #e9e9e9; color: #555555; font-size: 0.8rem; border-radius: 0; border: solid #888888 1px; line-height: 1.4rem;  }


            /*small screen width*/ 
            .content-pane.evaluation .grid-content .small { width: 100px; }
            .content-pane.evaluation .grid-content .small .column.question { padding: 10px 20px 10px 20px; font-weight: 600; vertical-align: middle; }

            .grid-content .small.no-hover { background-color: white; }
                .grid-content .small ul.evaluation-scale { float: left; width: auto; padding: 10px 0 0 0; margin: 0; }
                    .grid-content .small ul.evaluation-scale li { width: 100%; height: auto; text-align: left; vertical-align: middle; padding: 5px 0; vertical-align: text-top; }
                        .grid-content .small ul.evaluation-scale li a.description { display: inline-block; width: 90%; min-width: 200px; vertical-align: top; padding: 0 0 0 5px; }             
                        .grid-content .small ul.evaluation-scale li a[glose]:hover:after { content: none; }
                        .grid-content .small ul.evaluation-scale li.rb-na { margin: 0; }

            /*multiple answer*/
            .content-pane.evaluation .grid-content .question-area .column { background-color: #D9D9D9; }
            .grid-content .multiple-answer { background-color: white; }                
                .grid-content .multiple-answer.missing { background-color: RGBA(210, 82, 79, 0.2); }
                  
            
            .content-pane.evaluation .grid-content .multiple-answer .column { height: 20px; padding: 5px 0 5px 0px; text-align: right;  }
            .content-pane.evaluation .grid-content .small.multiple-answer .column { text-align: left;  }

                .content-pane.evaluation .grid-content .column { width: 100%; }
                .content-pane.evaluation .grid-content .w4 .column { width: 100%; }
                .content-pane.evaluation .grid-content .w5 .column { width: 100%; }
                .content-pane.evaluation .grid-content .w6 .column { width: 100%; }
                .content-pane.evaluation .grid-content .w7 .column { width: 100%; }
                .content-pane.evaluation .grid-content .w8 .column { width: 100%; }


                .grid-content .w4 ul.evaluation-scale { width: 147px; }
                .grid-content .w5 ul.evaluation-scale { width: 180px; }
                .grid-content .w6 ul.evaluation-scale { width: 220px; }
                .grid-content .w7 ul.evaluation-scale { width: 255px; }
                .grid-content .w8 ul.evaluation-scale { width: 280px; }


                .grid-content .w2 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w3 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w4 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w5 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w6 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w7 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w8 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w9 ul.evaluation-scale-matrix { width: 620px; }
                .grid-content .w10 ul.evaluation-scale-matrix { width: 620px; }
                
            /*multiple scale options*/
            .content-pane.evaluation .grid-content .no-padding .column {  }
            .content-pane.evaluation .grid-content .multiple-scale .column { background-color: var(--main-bg-color); padding: 0; }

            .grid-content .multiple-scale ul.evaluation-scale { float: left; width: 100%; height: auto; min-height: 85px; }  
                .grid-content .multiple-scale ul.evaluation-scale li { height: auto; min-height: 85px; text-align: left; padding: 0; }
                    .grid-content .multiple-scale ul.evaluation-scale li:hover { transition: all 200ms; cursor: pointer; }

                    .grid-content .multiple-scale ul.evaluation-scale li a.description { display: table-cell; width: 70%; max-width: 126px; font-size: 1rem; padding: 13px 0 0 3px; margin: 0; height: auto; min-height: 75px; word-break: keep-all; vertical-align: middle; }
                    
                     .grid-content .multiple-scale.disable ul.evaluation-scale li a.description { color: lightgray; }  
                    
                    .grid-content .multiple-scale ul.evaluation-scale li a.rb { display: flex; text-align: center; background-color: white; border: #BCBCBC solid 2px; border-radius: 50%; width: 13px; height: 13px; transition: all 0.2s ease-in-out; float: left; margin: 15px 0 0 15px; } 
                        .grid-content .multiple-scale ul.evaluation-scale li a.rb.rb-sel { background-color: #32C283; border: #32C283 solid 1.5px; transition: all 0.1s ease-in-out; }
                        .grid-content .multiple-scale ul.evaluation-scale li a.rb.-sel { background-color: #32C283; border: #32C283 solid 1.5px; transition: all 0.1s ease-in-out; }

                    .grid-content .multiple-scale ul.evaluation-scale li p { float: left; font-size: .9rem; font-weight: 500; padding: 0px 0 0 0; color: #888888; width: 15px; text-align: center; height: 20px; width: 18px; text-align: center; margin: 0 0 0 15px; } 
                    .grid-content .multiple-scale ul.evaluation-scale li p.hide { display: none; }

                    .grid-content .multiple-scale ul.evaluation-scale li.rb-na { margin: 0; }

                    .grid-content .multiple-scale.w2 ul.evaluation-scale li { width: 50%; }
                    .grid-content .multiple-scale.w3 ul.evaluation-scale li { width: 33.33%; }
                    .grid-content .multiple-scale.w4 ul.evaluation-scale li { width: 25%; }
                    .grid-content .multiple-scale.w5 ul.evaluation-scale li { width: 20%; }
                    .grid-content .multiple-scale.w6 ul.evaluation-scale li { width: 16.66%; }
                    .grid-content .multiple-scale.w7 ul.evaluation-scale li { width: 14.28%; }
                    .grid-content .multiple-scale.w8 ul.evaluation-scale li { width: 12.5%; }
                    .grid-content .multiple-scale.w9 ul.evaluation-scale li { width: 11.1%; }
                    .grid-content .multiple-scale.w10 ul.evaluation-scale li { width: 10%; }

                    .grid-content .multiple-scale ul.evaluation-scale li a[glose]:hover:after { content: none; }

                    .grid-content.dif-option .multiple-scale ul.evaluation-scale li {  }
                        .grid-content.dif-option .multiple-scale ul.evaluation-scale li a.description { width: 76%; }

             .content-pane.evaluation .grid-content .alen-row .column { width: 32%; background-color: #E5ECF8; cursor: pointer; padding: 0px;}       
                                   
        .content-pane.evaluation .grid-content .alen-row .column .alen { vertical-align: middle; height: 240px; }  
        .content-pane.evaluation .grid-content .alen-row .column .alen h1 { vertical-align: middle; font-size: 2rem; float: left; padding: 30px 10px 0 10px; color: #888888; }
        .content-pane.evaluation .grid-content .alen-row .column .alen p { vertical-align: middle; clear: both; width: 80%; font-size: 1rem; padding: 5px 20px 15px 30px; } 
        .content-pane.evaluation .grid-content .alen-row .column .alen .img-rb { margin: 30px 0 0 30px; padding: 30px 0 0 30px; vertical-align: middle; }
        .content-pane.evaluation .grid-content .alen-row .column .alen .img-rb { background: url('../settings/img/rb.png'); float: left; background-repeat: no-repeat; }
            .content-pane.evaluation .grid-content .alen-row .column.selected .alen .img-rb { background: url('../settings/img/rb-sel.png'); background-repeat: no-repeat; }

        .content-pane.evaluation .grid-content .alen-row .column:hover { background-color: #C3D3EB; }
        .content-pane.evaluation .grid-content .alen-row .column.selected { background-color: #5E749C; }     
        .content-pane.evaluation .grid-content .alen-row .column.selected h1 { color: white; }  
        .content-pane.evaluation .grid-content .alen-row .column.selected p { color: white; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
desempeño
--------------------------------------------------------------------------------------------------------------------------------------------- */
    
    .content-pane.performance p { width: 50%; padding: 5px 0 30px 0; }
        .content-pane.performance p.header { font-weight: 600; font-size: 1.4rem; color: #555555;  padding: 5px 0 10px 0;}
        .content-pane.performance p.goals-title { padding: 0; width: 90%; }

    .content-pane.performance ul { padding: 0 0 0 20px; list-style-position: inside; }
        .content-pane.performance ul.path { padding: 20px 0 0 0; margin: 0; }

    .content-pane.performance a.button { float: none; display: block; width: 98%; max-width: unset; margin: 50px 0 50px 0; padding: 10px 0; text-align: center; border-radius: 0; }
        .content-pane.performance a.button.mid { width: 45%; float:left; margin: 50px 25px 50px 25px; }
            .content-pane.performance a.button.mid.save { background-color: #3BB273; color: white; }  

    .content-pane.performance h1 { font-size: 1.2rem; }

    .content-pane.performance .options { float:left; width: 30%; text-align: center; margin: 50px 0 0 0; padding: 20px 0 0 0; }
        .content-pane.performance .options.header { width: 69%; padding: 0px 0 0 0; padding: 0; }
        .content-pane.performance .options.step1 { height: 150px; padding: 50px 0 0 0; }
        .content-pane.performance .options.step2 { width: 17.1%; height: 145px; margin: 0; padding: 0; }
            .content-pane.performance .options.step2.w2 { width: 34%; }

         .content-pane.performance .options h1 { width: 100%; text-align: center; margin: 0; }
            .content-pane.performance .options.header h1 { text-align: center; }
        .content-pane.performance .options p { width: 100%; text-align: center; }
        
    .content-pane.performance .goal-options { display: inline-block; width: 90%; text-align: center; padding: 20px 0; }
        .content-pane.performance .goal-options .opt { float: left; width: 49%; } 
        .content-pane.performance .goal-options.hide { display: none; }    
        .content-pane.performance .goal-options.competence  { padding-bottom: 0; }
        .content-pane.performance .goal-options.competence .opt { width: 90%; }
        .content-pane.performance .goal-options h1 { padding: 0; }
        .content-pane.performance .goal-options.competence h1 { padding: 50px 0 0 0; }

    .content-pane.performance .title-area { font-size: 1.3rem; font-weight: 500;}
    .content-pane.performance .goal { padding: 0; }
    

    .content-pane.performance.goal .grid-content .column.buttons { padding: 0 0 0 0; text-align: center;  }
        .content-pane.performance.goal .grid-content .column.buttons p { text-align: center; color: white; font-weight: 600; padding: 0 0 0 0; }
                
        .content-pane.performance .goal .grid-content .option-answer td { padding: 0; }
        .content-pane.performance .goal .grid-content .option-answer:hover { background-color: white; }

        .content-pane.performance .goal .grid-content .competence { color: #555555; font-weight: 600; height: 30px; vertical-align: middle; font-size: 1rem; }  
            .content-pane.performance .goal .grid-content .area.competence { color: white; height: 100px; border-top: 40px solid #E9E9E9; }
                .content-pane.performance .goal .grid-content .area.competence.row1 { border-top: none; }
                .content-pane.performance .goal .grid-content .area.competence .column { font-size: 1.2rem; height: 60px; }

            .content-pane.performance .goal .grid-content .competence.competence-options { height: 20px; vertical-align: middle;  background-color: #F9F9F9; border-top: 10px solid var(--main-bg-color); }
                .content-pane.performance .goal .grid-content .competence.competence-options td { height: 20px;  padding: 10px 15px 0 15px; }

                .content-pane.performance .grid-content .competence.competence-options a { padding: 5px 0 5px 0; }
            .content-pane.performance .grid-content .competence.competence-defined { height: 40px; vertical-align: middle; }
            .content-pane.performance .grid-content .competence.explanation { color: #555555; font-weight: 400; height: 20px; background-color: #F9F9F9; border: none; }
                .content-pane.performance .goal .grid-content .competence.explanation td { height: 20px; padding: 0 15px 10px 15px; }
                
            .content-pane.performance .grid-content .explanation a { padding: 15px 0 15px 0; font-weight: 400; }

        .content-pane.performance .grid-content p { width: 90%; }

        .content-pane.performance .grid-content tr { height: 40px; border-top: 3px solid var(--main-bg-color); vertical-align: top; }

            .content-pane.performance .grid-content tr.title-area { background-color: var(--main-bg-color); }
                .content-pane.performance .grid-content tr.title-area td { font-size: 1.3rem; }
            .content-pane.performance .grid-content tr.question { border-top: 5px solid red; }
            .content-pane.performance .grid-content tr.area { color: white; font-size: 1rem; font-weight: 600; height: 60px; vertical-align: middle; }
                .content-pane.performance .grid-content .area td { width: 60%; }
            .content-pane.performance .grid-content .add-delete { vertical-align: middle; width: 25px; }

            .content-pane.performance .grid-content tr.action-title { background-color: #E9E9E9; height: 20px; padding: 0; }
                .content-pane.performance .grid-content .action-title td { width: 60%; }
                .content-pane.performance .grid-content tr.action-title a { }
            .content-pane.performance .grid-content a { display: block; padding: 15px 0 0 0; font-size: 1rem; line-height: 15px; cursor: default; font-weight: 600; }
                .content-pane.performance .grid-content a.grid-row-action { width: 20px; height: 20px; margin: 0; padding: 0; vertical-align: middle; cursor:pointer; background-size: contain; background-repeat:no-repeat; vertical-align: middle; }
                    .content-pane.performance .grid-content a.grid-row-action.add { background-image:url(../settings/img/add-row.png); }
                    .content-pane.performance .grid-content a.grid-row-action.delete { background-image:url(../settings/img/delete-row.png);  }
                    .content-pane.performance .grid-content a.grid-row-action[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 20px 0 0 -140px; background-color: #e9e9e9; color: #999999; font-size: 0.8rem; border-radius: 0; border: solid #888888 .5px; line-height: 1.4rem; width: 150px; font-weight: 400; text-align: center; }

                .content-pane.performance .grid-content .add-delete a { display: block; height: 30px; border: none; line-height: 50px; margin-top: 15px;   }

                .content-pane.performance .grid-content a.hide { display: block; visibility: hidden; }
                .content-pane.performance .grid-content a.feedback { line-height: 20px; }
               
                .content-pane.performance .grid-content .area { border-top: 15px solid var(--main-bg-color); }
                
                .content-pane.performance .grid-content .area a { color: white; }
                .content-pane.performance .grid-content .area input { color: white; text-decoration: none; height: 40px; }
                .content-pane.performance .grid-content .area input::-webkit-input-placeholder { color: white; }
                .content-pane.performance .grid-content .area input:-webkit-autofill { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; }

                .content-pane.performance .grid-content .area textarea { color: white; background-color: transparent; text-decoration: none; height: 40px; padding: 5px 0 0 5px; font-weight: 500; }
                    .content-pane.performance .grid-content .area textarea::-webkit-input-placeholder { color: white; }
                    .content-pane.performance .grid-content .area textarea:-webkit-autofill { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; }

                .content-pane.performance .grid-content .area .column.answer {  }
                    .content-pane.performance .grid-content .area .column.answer textarea { height: 55%; font-weight: 400; }

                .content-pane.performance .grid-content .area ul.advance.evaluation-scale { padding: 0 0 0 0;  }
                    .content-pane.performance .grid-content .area ul.advance.evaluation-scale li.average { text-indent: 25px; }
                    
            .content-pane.performance .grid-content textarea { border: none; width: 95%; outline: none; height: 70%; color:#555555; padding: 5px 0 0 0; vertical-align: top; background-color: transparent; font-size: 1rem; cursor:text;  }
                .content-pane.performance .grid-content textarea:disabled { background-color: transparent; cursor: default; }
                .content-pane.performance .grid-content textarea.disable { pointer-events: none; cursor: default; }
            
                .content-pane.performance .goal .grid-content .competence textarea { max-height : 90px; }
                      
            .content-pane.performance .grid-content tr.date-row { border-top: 3px solid var(--main-bg-color); height: 30px; }
                .content-pane.performance .grid-content tr.date-row a { width: 100px; padding: 15px 0 15px 0; margin-left: 0; height: 30px; line-height: 15px; float: left; color: #A9A9A9;  }

                .content-pane.performance .grid-content tr.date-row input { border-bottom: 1px solid #DDDDDD; margin-left: 5px; cursor: text; height: 30px; vertical-align: central; width: 90%; }
                    .content-pane.performance .grid-content tr.date-row a.grid-row-action { width: auto; }

                .content-pane.performance .grid-content .calendar { width: 60%; height: 30px; padding: 10px 0 0 0; }

                .content-pane.performance .grid-content tr.date-row .units.hide { display: none; }
                .content-pane.performance .grid-content tr.date-row .units input { width: 200px; float: left; margin-left: 15px;  margin-top: 10px; }
                .content-pane.performance .grid-content tr.date-row .units a { width: 105px; padding-right: 10px; text-align: right; }
                    

                .content-pane.performance .grid-content .inverse { display: inline-flex; width: 100px; padding: 0 55px 0 30px; }
                    .content-pane.performance .grid-content .inverse.hide { display: none; }
                    .content-pane.performance .grid-content tr.date-row .inverse a { color: #A9A9A9; width: 80px; text-align: right; padding: 25px 10px 0 0; }
                        .content-pane.performance .grid-content .inverse a.positive { cursor: pointer; }
                            .content-pane.performance .grid-content .inverse a.positive.sel { color: #75bd3a;  }
                        .content-pane.performance .grid-content .inverse a.negative { cursor: pointer; }                        
                            .content-pane.performance .grid-content .inverse a.negative.sel { color: #D32432; }
                    .content-pane.performance .grid-content .inverse a.help { width: 15px; color: #999999; font-size: 1.4rem; font-weight: 300; }

            /*average*/
            .content-pane.performance .grid-content .average { display: inline-flex;  padding-left: 40px; }
            .content-pane.performance .grid-content p.check-content { width: 10%; clear: none; float: right; }
                .content-pane.performance .grid-content p.check-content a { width: 15px; height: 15px !important; padding: 0; }                
                .content-pane.performance .grid-content tr.date-row p.check-content a { width: 15px; height: 15px !important; padding: 0; }
            .content-pane.performance.globals .grid-content .column.buttons p.check-content { color: #555555; font-weight: 400; }

            .content-pane.performance .grid-content .column.percentage { padding: 15px 0 0 0; vertical-align: text-top; width: 4%; }
                .content-pane.performance .grid-content .column.percentage a { padding: 9px 0 0 0; text-align: left; line-height: 10px; }
                    .content-pane.performance .grid-content .column.percentage a.title { padding: 0 0 0 13px; width: 40px;  }
                .content-pane.performance .grid-content .column.percentage .dropdown { padding: 21px 0 0 9px; width: 40px; }
                    .content-pane.performance .grid-content .column.percentage .dropdown a.arrow { width: 10px; }
                        .content-pane.performance .grid-content .column.percentage .dropdown-content a { width: 40px; padding: 9px 0 0 10px; }

                .content-pane.performance .grid-content .dropdown a { font-size: 1rem; float: right; padding: 5px 0 5px 0; width: 25px; height: 15px; font-weight: 500; }
                    .content-pane.performance .grid-content .dropdown a .arrow { font-size: 1rem; } 
                    .content-pane.performance .grid-content .dropdown a.disable { pointer-events: none; }

            .content-pane.performance .grid-content .column.answer { width: 40%; padding: 0 0 0 10px; }
                .content-pane.performance .grid-content .column.answer a { padding: 15px 0 0 3px; }
                .content-pane.performance.globals .grid-content .column.answer { width: 40%; }
                .content-pane.performance .grid-content .column.answer textarea { height: 70%; cursor: text; padding: 5px 0 0 3px; }

            .content-pane.performance .grid-content .dropdown-content { width: 50px; margin: 30px 0 0 0;  }
                .content-pane.performance .grid-content .dropdown-content a { color: black; padding: 6px 16px; text-decoration: none; display: block; width: 50px;  }
                    .content-pane.performance .grid-content .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
                    .content-pane.performance .grid-content .dropdown-content a.hide { display:none; visibility:hidden; }
                    .content-pane.performance .grid-content .dropdown.active .dropdown-content { display: block; }         
                    
        .content-pane.performance .grid-content .column.buttons { padding: 0 15px 0 0; vertical-align: middle; }
            .content-pane.performance.globals .grid-content .column.buttons p { text-align: center; color: white; font-weight: 600; padding: 0 0 0 15px; }
            .content-pane.performance.globals .grid-content .column a.header { color: white; font-weight: 500; padding: 0 0 0 20px; text-align: center; }
            
            .content-pane.performance .grid-content .advance-percentage { height: 100%; width: 100%; vertical-align: bottom;  }
                .content-pane.performance .grid-content .advance-percentage .bar-value { height:20px; width: 100%; background-color: red; position: relative; top: 55px; }
                    .content-pane.performance .grid-content .advance-percentage .bar-value input{ padding: 0; margin-top: -10px; color: white; text-align: right; }

        .content-pane.performance .grid-content ul.advance.evaluation-scale { width: 60%; padding: 0; float: left; }
            .content-pane.performance.globals .grid-content ul.advance.evaluation-scale { width: 70%; padding: 0; float: left; }  
                .content-pane.performance .grid-content tr.phases2 ul.advance.evaluation-scale { width: 60%; }
                .content-pane.performance .grid-content tr.phases4 ul.advance.evaluation-scale { width: 55%; }
             

            .content-pane.performance .grid-content ul.advance.evaluation-scale li { display: inline-block; width: 110px; height:35px; text-align: center; margin: 10px 0 0 0; padding: 0; vertical-align: middle;  font-size: 1rem; font-weight: 500; letter-spacing: .1rem; } 
                .content-pane.performance .grid-content ul.advance.evaluation-scale li.hide { display: none; }
                

            .content-pane.performance .grid-content ul.advance.evaluation-scale li input { display: inline-block; text-align: center; background-color: #FCF8D9; border: #DDDDDD solid 1px; border-radius: 0; width: 105px; height: 25px; transition: all 0.2s ease-in-out; text-indent: 0; padding: 0; cursor: text; } 
                .content-pane.performance .grid-content ul.advance.evaluation-scale.percentage li input { height: 25px; pointer-events: none; } 
                    .content-pane.performance .grid-content ul.advance.evaluation-scale li input.disable { background-color: white; }
                        .content-pane.performance .grid-content ul.advance.evaluation-scale li input.disable.quarter { background-color: #E9E9E9; }
                    .content-pane.performance .grid-content ul.advance.evaluation-scale li input.average { margin: 0 0 0 20px; }
                .content-pane.performance .grid-content ul.advance.evaluation-scale a.title { display: inline-block; width: 125px; height: 25px; margin: 10px 0 0 0; text-align: right; font-weight: 600; padding-right: 10px; color: #A9A9A9; }


    .content-pane.performance.feedback .grid-content { margin-top: 30px; }
        .content-pane.performance.feedback .grid-content.no-padding { margin-top: 0; }
        .content-pane.performance.feedback .grid-content textarea { height:  100px; }

    /*evaluacion final*/

    .content-pane p.title { padding: 60px 0 0 0; }

    .content-pane.performance.final .grid-content { min-width: 952px; }
    .content-pane.performance.final .grid-content tr { height: 20px; border-top: 2px solid var(--main-bg-color); }
        .content-pane.performance.final .grid-content .area { border-radius: 14px; }
        .content-pane.performance.final .grid-content .area:hover { background-color: none; }
        .content-pane.performance .grid-content tr.scale-info { background-color: var(--main-bg-color); border-bottom: 20px solid var(--main-bg-color); }
            .content-pane.performance .grid-content tr.scale-info .column { padding-left: 0px; }
            .content-pane.performance .grid-content tr.scale-info h1 { padding-bottom: 0px;}
        .content-pane.performance .grid-content tr.no-border.area .column { border-top : 1px solid #E9E9E9; }

        .content-pane.performance.final .grid-content .goal { background-color: #E5E5E5; }
            .content-pane.performance.final .grid-content .goal.competence .column { padding-left: 20px;  }
                .content-pane.performance.final .grid-content .area.competence .column.answer { padding: 20px 15px 20px 20px; height: 30px; vertical-align: middle;  }
                .content-pane.performance.final .grid-content .area.competence .column.buttons { padding: 0; }
                    .content-pane.performance.final .grid-content .competence .column.buttons { padding: 0; }

            .content-pane.performance.final .grid-content .column { padding: 5px 20px 10px 25px; height: 15px; font-size: 1rem; font-weight: 500; border-bottom: 2px solid var(--main-bg-color); text-wrap: normal; } 
                 .content-pane.performance.final .grid-content .column h1 { padding: 5px 0 5px 0; }
                .content-pane.performance.final .grid-content .column.percentage { width: 5%; }
                .content-pane.performance.final .grid-content .column.answer { width: 55%; }
                .content-pane.performance.final .grid-content .column.center { width: 10%; padding: 0 15px 0 15px; }
                .content-pane.performance.final .grid-content .column.buttons { width: 20%; padding-right: 25px; }
                
            
                    .content-pane.performance.final .grid-content .column.percentage a { padding: 13px 0 0 0; text-align: center; line-height: 10px; width: 100%; }
                        .content-pane.performance.final .grid-content .column.percentage a.title { padding: 9px 0 0 0; }

                .content-pane.performance.final .grid-content .column.center { padding: 0 15px 0 15px; }
                    
                .content-pane.performance.final .grid-content .area .column { padding: 15px 20px 15px 0; color: white; font-size: 1rem; font-weight: 600; border-top: 30px var(--main-bg-color) solid; vertical-align: text-top; }

                    .content-pane.performance.final .grid-content .area .column.center { padding: 0; }
                    .content-pane.performance.final .grid-content .area .column.percentage { padding: 15px 20px 15px 10px; }
                .content-pane.performance.final .grid-content .column a.header { color: white; font-weight: 500; padding: 0 0 0 20px; text-align: center; }
                .content-pane.performance.final .grid-content .goal .column { padding-left: 0px; padding-top: 10px; }
                    
                    .content-pane.performance.final .grid-content .goal.key-result .column { padding-left: 20px; }
                        .content-pane.performance.final .grid-content .goal.key-result .column.center { padding-left: 0; }
                        
                        .content-pane.performance.final .grid-content .goal.key-result .column.buttons { padding-left: 0; }

                        .content-pane.performance.final .grid-content .goal.key-weight.key-result .column { padding-left: 0px; }
                            .content-pane.performance.final .grid-content .goal.key-weight.key-result .column.percentage { padding-left: 10px; }
                    .content-pane.performance.final .grid-content .justify td { padding-left: 0px; }
                    
                .content-pane.performance.final .grid-content .column.buttons { padding: 0; border-left: 1px solid white; }
                    .content-pane.performance.final .grid-content .column.buttons p { text-align: center; color: white; font-weight: 600; padding: 0 0 0 10px;  }

            .content-pane.performance.final .grid-content tr.option-answer { height: 45px; padding: 0; background-color: red; }
                .content-pane.performance.final .grid-content tr.option-answer td { height: 65px; }
               
        .content-pane.performance.final .textdiv { display:inline-block; width: 48%; padding: 15px 0 15px 20px; height: 100px; }
            .content-pane.performance.final .textdiv p { padding: 0; }
            .content-pane.performance.final .textdiv textarea { padding: 0; height: 90px; }


		.content-pane.performance.final .grid-content ul.evaluation-scale { width: 100%; padding: 20px 0 0 0; }
            .content-pane.performance.final .grid-content ul.evaluation-scale li { display: inline-block; width: 31%; height:35px; text-align: center; margin: -9px 0 0 0; padding: 0; vertical-align: middle; } 
                .content-pane.performance.final .grid-content ul.evaluation-scale li.hide { display: none; }
                .content-pane.performance.final .grid-content .w4 ul.evaluation-scale li { width: 23.5%; } 
                .content-pane.performance.final .grid-content .w5 ul.evaluation-scale li { width: 19%; } 
                .content-pane.performance.final .grid-content .w6 ul.evaluation-scale li { width: 16%; } 
                .content-pane.performance.final .grid-content .w7 ul.evaluation-scale li { width: 14%; } 
                            
                .content-pane.performance.final .grid-content ul.evaluation-scale li a.rb { display: inline-block; text-align: center; background-color: white; border: #BCBCBC solid 2px; border-radius: 50%; width: 15px; height: 15px; transition: all 0.2s ease-in-out; padding: 5px 0 0 5px; } 

                .content-pane.performance.final .grid-content ul.evaluation-scale li a.rb:hover { background-color: RGBA(50, 194, 131, 0.50); transition: all 0.2s ease-in-out; }
                .content-pane.performance.final .grid-content ul.evaluation-scale li a.rb.rb-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                 .content-pane.performance.final .grid-content ul.evaluation-scale li a.rb.-sel { background-color: #32C283; border: #32C283 solid 2px; transition: all 0.1s ease-in-out; }
                
                .content-pane.performance.final .grid-content ul.evaluation-scale li a[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 28px auto; background-color: #e9e9e9; color: #555555; font-size: 0.8rem; border-radius: 0; border: solid #888888 1px; line-height: 1.4rem;  }
            
            .content-pane.performance.final .grid-content .column.chk { width: 1%; padding: 0; vertical-align: middle; }
                .content-pane.performance.final .grid-content ul.check-select li a { padding: 0; font-weight: 400; }
        
        /*opciones abajo*/
        .content-pane.performance.final .grid-content .multiple-scale ul.evaluation-scale li.rb-sel a.rb { background-color: #32C283; border: #32C283 solid 1.5px; transition: all 0.1s ease-in-out; } 

        
        /*grid competencias*/
        .content-pane.performance.final .grid-content.competence tr { height: 15px; }
            .content-pane.performance.final .grid-content.competence tr.area { height: 90px; }
            .content-pane.performance.final .grid-content.competence tr.explanation { border-top: none; font-weight: 400; }
            .content-pane.performance.final .grid-content.competence tr.multiple-scale { background-color: var(--main-bg-color); }
            .content-pane.performance.final .grid-content.competence tr.multiple-scale .column.buttons { padding: 0; height: 20px;  }

            .content-pane.performance.final .grid-content.competence tr .column { padding: 15px 15px 10px 15px; height: 30px; border-bottom: none; font-weight: 400; border-left: none; }
                .content-pane.performance.final .grid-content.competence tr .column b { font-weight: 600; }
                .content-pane.performance.final .grid-content.competence tr.area .column { padding: 25px 15px 15px 15px; }                
                .content-pane.performance.final .grid-content.competence tr.explanation .column { padding: 0 15px 0 15px; font-weight: 400; }
                    
            .content-pane.performance.final .grid-content.competence .multiple-scale ul.evaluation-scale { padding: 0; height: 20px; min-height: 70px; min-width: 950px; }
                .content-pane.performance.final .grid-content.competence .multiple-scale ul.evaluation-scale li { width: 19.7%;  margin: 0; padding: 0; min-height: 70px; }
                .content-pane.performance.final .grid-content.competence .multiple-scale ul.evaluation-scale li a.description { height: 50px; min-height: 50px; padding: 20px 0 0 15px; font-weight: 400;  }
                
        
        /*resultados*/
        .content-pane.performance h3 { text-align: center; font-weight: 600; font-size: 1.4rem; padding: 30px 0 0 0; }

        .linear-graph { padding: 20px 0 50px 0; text-align: center; width: 99%;  }
        .scale-bar { width: 25%; float: left; height: 50px; line-height: 15px; padding-top: 5px; }
            .scale-bar a { color: white; }

        
            .linear-graph hr { width: 60%; border-width: 5px; border-style: solid;  }
                .linear-graph.w4 hr { width: 70%; }
                .linear-graph.w5 hr { width: 75%; }
                .linear-graph.w6 hr { width: 12.5%; }
                .linear-graph.w7 hr { width: 10%; }

            .linear-graph .rb { margin: -17px 0 -10px 0; width:100%; }
                .linear-graph .rb p { display: inline-block; width: 20%; text-align: center; margin: 0; padding: 0; }
                    .linear-graph.w4 .rb p { width: 17.5%; }
                    .linear-graph.w5 .rb p { width: 15%; }
                    .linear-graph.w6 .rb p { width: 12.5%; }
                    .linear-graph.w7 .rb p { width: 10%; }

                .linear-graph .rb p.hide { display: none; }

                .linear-graph .rb p a { display: inline-block; text-align: center; border-radius: 50%; width: 15px; height: 15px; cursor: default; } 

                .linear-graph .result { position: relative; top: -23px; } 
                .linear-graph .rb p.result a { position: relative; background-color: #32C283;  } 

            .linear-graph .legend { }
                .linear-graph .legend p { display: inline-block; text-align: center; width: 20%; font-weight: 600; font-size: 1rem; padding: 0; margin: 0; }
                    .linear-graph.w4 .legend p { width: 17.5%; }
                    .linear-graph.w5 .legend p { width: 15%; }
                    .linear-graph.w6 .legend p { width: 12.5%; }
                    .linear-graph.w7 .legend p { width: 10%; }

                    .linear-graph .legend p.hide { display: none; }
                .linear-graph .legend p.result { color:#32C283; position: relative;  }
            

    .content-pane.performance .menudropdown { background-color: transparent; padding: 0 0 8px 7px; }    
        .content-pane.performance .menudropdown:hover { background-color: transparent; }


/*resultados*/
.grid-content.results .column { min-height: 10px; height: 10px; }
   .grid-content.results .column.description { padding: 10px 10px 10px 10px; }
    
.grid-content.results tr.widths { background-color: var(--main-bg-color); height: 10px !important; min-height: 10px !important; max-height: 10px !important; padding: 0 !important; line-height: 1px; }  
   .grid-content.results tr.widths .menudropdown a { display: none; }
     .grid-content.results tr.widths .column { height: 0px !important; min-height: 0px !important; max-height: 0px !important; padding: 0 !important; line-height: 1px; }

.grid-content.results tr .column.description { width: 40%; }
.grid-content.results tr .column.ws.results { width: 5%; }
.grid-content.results tr .column.xs.results { width: 5%;  }
.grid-content.results tr .column.results { width: 10%; } 
.grid-content.results tr .column.menudropdown { width: 1%; min-width: 15px; max-width: 20px; box-shadow: unset; }

    .grid-content.results { padding: 10px 0 0 0; border-collapse: unset !important; }
        
        .grid-content.results tr { color: white; font-weight: 400; }
            
                .grid-content.results tr .column.menudropdown a { font-size: 1.5rem; }

            .grid-content.results tr.title-mid-section { background-color: white; font-weight: 600; border-top: 1px solid white; color: #555555; } 
            
            .grid-content.results tr.section { background-color: #555555; font-weight: 600; border-top: 1px solid #555555; color: white; }   
                .grid-content.results tr.section .column.menudropdown { background-color: #8EACC2; }
                .grid-content.results tr.section .column.menudropdown a { color: white; }

            .grid-content.results tr.mid-section { background-color: white; color: #555555; border-top: 1px solid white; }   
                .grid-content.results tr.mid-section.last-row { border-bottom: 10px solid var(--main-bg-color); }   
                .grid-content.results tr.mid-section .column.menudropdown { background-color: transparent; }

            .grid-content.results tr.subtotal { font-weight: 600; }
            .grid-content.results tr.mid-total { background-color: #C5C5C5; font-weight: 600; border-top: 1px solid var(--main-bg-color); color: #555555; }
                .grid-content.results tr .column.menudropdown { background-color: transparent; }
            .grid-content.results tr.total { font-weight: 600; }

            .grid-content.results tr.division  { background-color: var(--main-bg-color); border: none; height: 50px; color: #666666; font-weight: 600; }
                .grid-content.results tr.division td.column { vertical-align: bottom; font-size: 1.2rem; padding: 40px 8px 0 8px; }   
                .grid-content.results tr.division td.column.description { vertical-align: bottom; font-size: 1.2rem; padding-bottom: 0; padding-top: 40px; }   
                .grid-content.results tr.division .column.menudropdown { background-color: var(--main-bg-color); }
                    .grid-content.results tr.division .column.menudropdown a { color: #666666; }


        .grid-content.results td { border: 1px solid var(--main-bg-color); text-align: center; vertical-align: middle; padding: 8px 15px 8px 15px; }
            .grid-content.results td.description { text-align: left; vertical-align: middle !important; }
            .grid-content.results td.description span { color: #b9b9b9 }

            .grid-content.results td.results { padding: 0; }   




    /*desempeño-personales*/
    .content-pane.performance.stages .grid-content { width: 98%; margin-top: -13px; }

    .content-pane.performance .stage-grid { display: inline-block; width: 98%; height: auto; }
        .content-pane.performance .stage-grid p { float: left; background-color:#D9D9D9; width: 75px; height: 20px; clear: none; text-align: center; border: 1px solid #E9E9E9; }
            .content-pane.performance .stage-grid p.active { background-color: #999999; }
            .content-pane.performance .stage-grid p.title { background-color: #D9D9D9; width: 122px; }
            .content-pane.performance .stage-grid p.total { width: 121px; }
    

.content-pane.performance input:focus::-webkit-input-placeholder {
    transform: translate(0rem,calc(-100% - 0.8rem));
    opacity: 1 !important;
    display: none !important;
}


    .content-pane.performance input::-webkit-input-placeholder {
            display:none !important;
            opacity: 1 !important;
            font-size: 1em; 
            font-weight: 500;
            line-height: 1.6rem;
            font-family: 'Open Sans', Arial, sans-serif;
    }
    @media screen and (max-width : 1024px) {
			
        .main-header .main-header-content img { display: none; }

            .main-header.scroll ul.evaluation-scale { }
                .main-header.scroll ul.evaluation-scale li { margin: 0 auto; text-align: left; display: inline-block; }
                .main-header.scroll .main-header-content ul.evaluation-scale li.hide { visibility: hidden; display: none; height: 0; }

        

        .content-pane h1 { width: 90%; }
        .content-pane h2 { width: 90%; }
	    .content-pane p.tooltip { width: 90%; }
	    .content-pane p.tooltip { width: 90%; }

						
	}
        
    @media screen and (max-width : 420px) {
        .dropdown-select-content::-webkit-scrollbar-thumb { background: #C9C9C9; display: block; }

         .grid-content { width: 98%; }
            .grid-content th { font-size: 1.2rem; } 

        .check-list ul li.horizontal { width: 90% !important; max-width: none; min-height: unset; } 

        .content-pane { position: relative; width: 95%; }
        .content-pane.evaluation { padding: 30px 0 150px 0; }

        .content-pane h2 { margin: 0 auto; text-align: center; }
	    .content-pane p.tooltip { margin: 0 auto; text-align: center; }

        .content-pane.has-main-header .grid-pane { padding: 40px 0 0 0; }

        .content-pane.evaluation h2, .content-pane.evaluation p { float: none; width: 95%; margin: 0 auto; padding: 0 0 0 0px; text-align: left; }        

        .content-pane.evaluation .grid-content { width: 98%; } /*RCM REVISAR EN CELULAR EN 360 Y CLIMA*/
            .content-pane.evaluation .grid-content .area .column { padding: 0; vertical-align: bottom; }
            .content-pane.evaluation .grid-content .column { padding: 5px 0 5px 25px; height: 70px; }

            .content-pane.evaluation .grid-content.open-questions .area .column { width: 80%; font-size: 1.1rem; padding: 10px 0 10px 10px; }

        .content-pane.evaluation .grid-content .combo p { text-align: left; }
        .content-pane.evaluation .grid-content .combo select { width: 100%; padding: 0; margin: 0; }

        .content-pane .checkbox-evaluation p { text-align: left; float: left; }

        /*Comunicacion*/
        .divImgCommunicationCel { background: white; border: 1px solid; cursor: pointer; display: inline-block; width: 304px; height: 48px; display: flex; align-items: center; }
        
        .content-pane.evaluation h2, .content-pane.evaluation .divImgCommunicationCel > p { float: none; margin: 0 auto; padding: 0 0 0 0px; text-align: center; }        

        .divImgCommunicationCel > p { font-size: 1.2rem; padding: 10px 0px 10px 0px; text-align:center; color: black; width: 160px; }

        .popup-top.ExtraFiles {  position: relative; margin: 0 auto; padding: 0; width: 50%; max-width: 600px; min-width: unset; max-height: -webkit-fill-available; border-radius: 0 0 0 0; overflow-y: auto; background: white; }

        .popup-top.ExtraFiles.celular { width: 100%; }
        .popup-top.ExtraFiles.celular > img { width: 100%; }
	}
    
    .custom-help { position: fixed; background-color: #F0A66C; height: 50px; min-width: 320px; max-width: 450px; bottom: 0; right: 20px; border-radius: 0 0 0 0; padding: 5px 0 0 0; }
        .custom-help p { color: white; text-align: left; padding: 0 10px 0 10px; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
04 Popups
--------------------------------------------------------------------------------------------------------------------------------------------- */

    .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); z-index: 99999; transition: opacity 500ms; height: 0; overflow: hidden; opacity: 0; display: none; }           
		.overlay:target { display: block; height: auto; opacity: 1; transition: opacity 500ms; }
        .overlay.clear { right: 0; top: 0; left: unset; background: rgba(0, 0, 0, 0.0); width: 60%; max-width: 600px; box-shadow: 0px 0px 45px -8px rgba(0,0,0,0.75); }
        .overlay.back { z-index: 999 }
        .overlay.show { display: block; height: auto; opacity: 1; transition: opacity 500ms; overflow: auto; }

    
    .popup-help { position: relative; width: 100%; max-width: 600px; height: 100%; margin: 0; padding: 0; background: var(--main-bg-color); box-shadow: 0px 0px 45px -8px rgba(0,0,0,0.75); transition: all 5s ease-in-out; }
        
        .popup-help-header { width: 100%; height: 70px; margin: 0; padding: 0; background-color: #3299D6; }
            .popup-help-header h3 { padding: 25px 0 10px 0; text-align: center; color: white; }
        
        .popup-help-content { height: 85%; overflow: auto; margin: 0; padding: 0; top: 0; background-color: white; }
            .popup-help-content p {width: 80%; height: auto; margin: 0 auto; text-align: left; padding: 5px 0 0 25px; float: left; clear: both;}
                .popup-help-content p.section { font-weight: 500; padding: 20px 0 0 25px; }
                .popup-help-content p.popup-help-question { font-weight: 500; color: #005ea6; padding: 20px 0 0 25px; }
                .popup-help-content p.extra { padding: 0 0 0 35px; }
            .popup-help-content ul { width: 80%; margin: 0 auto; clear: both; margin: 0 0 0 30px; padding: 5px 0 10px 20px; list-style: decimal; }
                .popup-help-content ul li { padding: 5px 0 5px 0; clear: both; }
		    .popup-help-content img { max-width: 90%; padding: 10px 0 10px 35px; clear: both; float: left; }
        
        .popup-help-close { position: fixed; top: 24px; right: 30px; font-size: 2rem; font-weight: 300; color: white; transition: all 200ms; }
            .popup-help-close:hover { opacity: 0.8; }

     .popup-top-no-overflow { position: relative; margin: 0 auto; padding: 0; width: 85%; max-width: 600px; min-width: 300px; max-height: 80%; border-radius: 0 0 0 0; background: white; transition: all 5s ease-in-out; height: 520px; }
        .popup-top-no-overflow .button { float: right; margin: 20px 0 0 5px; }
        
        .popup-top-no-overflow .select { float: left; max-width:40%; margin: 0px 50% 10px 0px; }
            .popup-top-no-overflow .select::-ms-expand { border:none; } 

        .popup-top-content-no-overflow { margin: 0; padding: 20px; text-align: center; } 

            .popup-top-content-no-overflow  p { width: auto; padding: 0 20px 15px 0; line-height: 20px; }
            
        .popup-top-content-no-overflow textarea { width: 90%; height: 35px; padding: 5px; margin: 0 0 15px 0; float: left;}    
        .popup-top-content-no-overflow textarea.comment { height: 90px;  }


    .popup-top { position: relative; margin: 0 auto; padding: 0; width: 90%; max-width: 600px; min-width: 300px; max-height: 83%; border-radius: 0 0 0 0; overflow-y: auto; background: white; transition: all 5s ease-in-out; }
        
        .popup-top-header { margin: 0; padding: 0 20px; height: 60px; background-color: var(--main-bg-color); }
            .popup-top-header h3 { font-size: 1.5rem; padding-top: 15px; }
        .popup-top.translate { max-width: 1024px; max-height: 90%; max-height: 90%; }
        .popup-top.translate.scales { width: 700px; max-height: 90%; max-height: 90%; }
        .popup-top.popPermits { max-height: 90%; }
        
        .popup-top-content { margin: 0; padding: 20px; overflow: auto; text-align: center; }
            .popup-top-content.left { text-align: left; }
            .popup-top-content h2 { margin-bottom: 10px; }
		    .popup-top-content p { width: 90%; padding: 0 0 10px 0; }              
            .popup-top-content a.link { width: 90%; padding: 0 0 30px 0; display: block; margin: -10px 0 0 0; height: 30px; cursor: pointer; }   

            .popup-top.translate .popup-top-content .grid { display: inline-block; margin: 0 auto; padding: 0 10px 20px 10px; width: calc(50% - 40px); }
                .popup-top.translate .popup-top-content .grid p { font-weight: 600; font-size: 1.2rem; text-align: center; padding: 0 0 25px 0; }
                .popup-top.translate .popup-top-content .grid .config-options.scale { max-width: 360px; }
                .popup-top.translate .popup-top-content .grid .config-options.scale label { text-align:center; vertical-align:middle; min-width: 27px; }
                .popup-top.translate .popup-top-content .grid .textbox.paragraph { width: 95%; min-height: 350px; margin: 5px 0 0 0; padding: 10px; }

             .popup-top-content.subtitle { padding-top:0px; padding-bottom: 10px; } 

        .popup-top-content .dropdown-select { float: left; }
        .popup-top-content .dropdown-select-no-hide { float: left; margin: 10px 0 0 0; width: 50%; } 
            .popup-top-content .dropdown-select-no-hide a { width: 80%; max-width: unset; } 
            .popup-top-content .dropdown-select-no-hide .dropdown-select-content { position: fixed; margin: 40px 0 0 0; } 
                .popup-top-content .dropdown-select-no-hide .dropdown-select-content p.check-content a { width: 15px;  } 
                    .popup-top-content .dropdown-select-no-hide .dropdown-select-content p.check-content a.description { width: calc(100% - 29px)  } 
                

        .popup-top-step { width: 40%; min-height: 175px; display: inline-block; margin: 20px; background-color: #8EACC2; border-radius: 0; vertical-align: top; }
            .popup-top-step.price { width: 30%; margin: 20px 5px; }                
            .popup-top-step:hover { transition: all 200ms; background-color: #9FB9CB; }
            .popup-top-step h2 { text-align: center; color: white; margin: 0 auto; padding: 50px 0 30px 0; font-size: 4rem; }
            .popup-top-step p { text-align: center; color: white; margin: 0 auto; padding: 0 0 20px 0; font-size: 1.1rem; }
            .popup-top-step.-sel { background-color: #32C283; }

        .popup-top-list { width: 90%; height: 50px; vertical-align: middle; }
            .popup-top-list p { float: left; width: 70px; margin: 5px 0 0 0; }

        p.popup-top-error { padding: 10px 0 0 0; float: left; }

        .popup-top-close { float: right; font-size: 2rem; margin-top: 20px; cursor: pointer; }
            .popup-top-close:hover { transition: color .3s ease-in-out; color: #3299D6; }

        .popup-top .textbox { float: left; }
            .popup-top .textbox.phone-area { width: 50px; margin: 0 10px 0 0; }

        .popup-top .select { float: left; max-width:40%; margin: 0px 50% 10px 0px; }
            .popup-top .select::-ms-expand { border:none; } 
             
        .popup-top .button { float: right; margin: 20px 0 0 5px; }
            .popup-top .button.upload { clear: both; float: none; display: inline-block; width: 400px; text-align: center; margin: 30px 0 0 0; } 
            

        .popup-top .checkbox { float: left; width: 300px; padding: 15px 0 15px 0; } 

        .popup-top-content .language-options { display: inline-block; width:100%;  }
            .popup-top-content .language-options p { width: 30%; }
            .popup-top-content .language-options select { width: 200px; float: left; }
        
        .popup-top p.check-content { display: inline-block;  float: left; margin: 0; } 
             .popup-top.privacy p.check-content a { width: 15px; height: 15px; }
             .popup-top.privacy p.check-content a.description { width: 80%; }
            
        .popup-top .results-check  { margin-top: 10px; } 
            .popup-top .results-check p.check-content { margin: 0; } 

        /*popup con dropdown*/
        .popup-top.ddown { overflow-y: hidden; height: 370px;  }
        .popup-top.ddown.ddownClima { height: 460px;  }
	.popup-top.ddown.ddownClima.encuestas { transition: none;  }
            .popup-top.ddown .popup-top-content { overflow: hidden; }
       
            .popup-top.ddown .dropdown-select { float: left; margin: 0 50% 10px 0; width: 300px; }
            .popup-top.ddown .dropdown-select  a { padding: 0 0 0 3%; margin: 10px 0 0 0; float: left; color: #555555; width: 100%; max-width: 88%; white-space: nowrap; overflow: hidden; }
                .popup-top.ddown .dropdown-select  a.all { background-color: #3791d6; color: white; }
                .popup-top.ddown .dropdown-select  a.div { background-color: #333333; color: white; }
                .popup-top.ddown .dropdown-select-content { position: fixed; width: 350px; max-height: 400px; overflow: auto; }
                    .popup-top.ddown .dropdown-select-content a { max-width: 97%; height: 100%; margin: 0; padding: 8px 0 8px 3%;  }

            .popup-top.ddown a.button.green { margin-top: 25px; }

.divChkModal .textbox {
    width: 30px;
}
.divChkModal > label {
    float: left;
    font-size: 1rem;
    line-height: 1.3rem;
    font-weight: 400;
    color: #555555;
    font-family: 'Poppins', Arial, sans-serif;
}
}
/*---------------------------------------------------------------------------------------------------------------------------------------------
        05.1 GRIDVIEW - LISTADO EVALUACIONES
        --------------------------------------------------------------------------------------------------------------------------------------------- */
.grid-content .column.pending {
    color: #BB5C5F;
}
			.grid-content .column.pending:hover { color: #BB5C5F; }
		    
            .grid-content .column.finished { color: #59AA53; cursor: default; }
			    .grid-content .column.finished:hover { color: #59AA53; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
        05.1 GRIDVIEW - REPORTS
--------------------------------------------------------------------------------------------------------------------------------------------- */

            .grid-content.open-questions .column { padding: 15px 0 15px 15px; }



/* ---------------------------------------------------------------------------------------------------------------------------------------------
    CHECKBOXES
--------------------------------------------------------------------------------------------------------------------------------------------- */

p.check-content { font-weight: 400; }
    p.check-content.demographics { font-weight: 600; font-size: 1.1rem; }
p.check-content a { display:inline-block; text-align: center; background-color: white; border: #BCBCBC solid 1px; border-radius: 1%; width: 15px; height: 15px; transition: all 0.2s ease-in-out; float: left; cursor: pointer;  } 
    p.check-content a:hover { background-color: #DCDCDC; transition: all 0.2s ease-in-out; }
        p.check-content a.-sel { background-color: #32C283; border: #32C283 solid 1px; transition: all 0.1s ease-in-out; }
            p.check-content a.-sel:hover { background-color: #62c19d; }
            p.check-content.disable a.description { color: #999999; }
                p.check-content.disable a { pointer-events: none; }
    p.check-content a.description { border: none; background-color: transparent; width: 200px; height: auto; padding: 0 0 0 5px; text-align: left; line-height: 18px; cursor:auto; }
        p.check-content a.description.click { cursor: pointer; }
        p.check-content a.description.no-padding { padding: 0; }
         p.check-content a.description.permits { border: none; background-color: transparent; width: 300px; height: auto !important; padding: 0 0 0 5px; text-align: left; line-height: 18px; cursor:auto }

    p.check-content.all-wide { width: 100%; }
    p.check-content.all-wide a.description { width: 90%;  }

    p.check-content a.hide { display: none; }
    

    /*check-content grids*/
    .grid-content .event-row p.check-content { padding: 0; width: 100%; }
        .grid-content .event-row p.check-content a.description { width: 70%; height: 15px; line-height: 15px; padding: 10.2px 0; }
            .grid-content .event-row p.check-content a.description b { font-weight: 600; color: #444444; }
            .grid-content .event-row.mobile p.check-content a.description { margin-top: 5px; }  
        .grid-content .event-row p.check-content a.button { height: 15px; width: 45px; border-radius: 0; line-height: 15px; margin-right: 10px;  }
            .grid-content .event-row p.check-content a.button.disable { pointer-events: none; cursor: default; }


    .grid-content p.check-content { height: 30px; width: auto; }
        .grid-content p.check-content a.description { width: 80%; height: auto; line-height: 20px; padding: 0 0 0 5px; max-width: 80%; }
            .grid-content p.check-content a.description.no-padding { padding: 0; }
    
    .multiple-choice-questions p.check-content a.description { width: auto; max-width: 90%; color: black; }
        .multiple-choice-questions p.check-content a { cursor: pointer }


/*------------
    on-off
----------------
*/
.label-onoff { width: 100%; height: 40px; display: inline-flex; clear: both; }
    .label-onoff.pad { padding: 15px 0 0 0;  }
.label-onoff p { float: left; width: auto !important; height: 30px !important; line-height: 30px; padding: 0 15px 0 0 !important; vertical-align: middle; font-weight: 400; text-align: left !important; } 
p.onoff { width: 55px !important; padding: 0 5px 0 0 !important; cursor: pointer !important; min-width: unset !important; line-height: 30px !important; }
.onoff { display: -moz-inline-stack; display: inline-block; vertical-align: middle; *vertical-align: auto; zoom: 1;  *display: inline; position: relative; cursor: pointer; width: 55px; height: 30px; line-height: 30px; font-size: 14px; }
    .onoff label { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; cursor: pointer; background: #dcdcdc; border-radius: 3px; font-weight: bold; color: #555555; -webkit-transition: background 0.3s, text-indent 0.3s; -moz-transition: background 0.3s, text-indent 0.3s; -o-transition: background 0.3s, text-indent 0.3s; transition: background 0.3s, text-indent 0.3s; text-indent: 27px; }
        .onoff label:after { content: 'NO'; display: block; position: absolute; top: 0px; left: 0px; width: 100%; font-size: 12px;  color: #555555;  z-index: 1; }
        .onoff label:before { content: ''; width: 15px; height: 24px; border-radius: 2px; background: #FFF; position: absolute; z-index: 2; top: 3px; left: 3px; display: block; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -o-transition: left 0.3s; transition: left 0.3s; }
    .onoff input { cursor: pointer !important; height: auto !important; width: auto !important; }
        .onoff input:checked + label { background: #62c19d; text-indent: 8px; }
            .onoff input:checked + label:after { content: 'SI'; color: #555555; }
            .onoff input:checked + label:before { left: 37px; } 

.disable .onoff label {  background: #C9C9C9; }
.disable .onoff input:checked + label {  background: #C9C9C9; }
.disable .label-onoff p {  color: #C9C9C9; }
.disable p.check-content  { color: #C9C9C9; }
    /*.disable p.check-content a.-sel  { background-color: white; border: #BCBCBC solid 1px; }*/
.disable p.onoff { cursor: default !important; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------
05 Reports
--------------------------------------------------------------------------------------------------------------------------------------------- */

	.graphs { width: 100%; margin: 0 auto; padding: 50px 0 0 0; text-align: left; margin: 0; border: none; }
        .graphs .column { display: inline-block; overflow: hidden; width: 24%; }
            .graphs .column.climate { display: inline-block; overflow: hidden; width: 50%; }
	    .graphs .column.labels { width: 200px; }
		    .graphs .column .canvas { float: none; background-color: transparent; vertical-align: top; }

    .graphsscale { width: 100%; margin: 0 auto; padding: 0; text-align: left; margin: 0; border: none; }
        .graphsscale .column { display: inline-block; overflow: hidden; width: 24%; }
	    .graphsscale .column.labels { width: 200px; }
		    .graphsscale .column .canvas { float: none; background-color: transparent; vertical-align: top; margin: 0; padding: 0; }
            .graphsscale .column .scale { float: none; background-color: transparent; vertical-align: top; }


	.content-pane .main .lblGraficas { float: left; width: 20%; overflow: hidden; text-align: right; vertical-align: middle; padding-top: 32px; }
	.content-pane .main .gridLabel { height: 22px; color: #555555; line-height: 14px; }
	.content-pane .main .leyendas { float: left; width: 16%; overflow: hidden; vertical-align: top; text-align: left; margin-left: 5px; }
		.content-pane .main .leyendas h4 { padding: 10px 0px 0px 0px; margin: 0 auto; }
		.content-pane .main .leyendas p { padding: 0px 10px 0px 0px; display: inline-block; margin: 0px 0px 0px 0px }
	.content-pane .main .cuadro { width: 10px; height: 10px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 10px; border-width: 1px; border-style: solid; display: inline-block; }
	.content-pane .main .panelGral { position: relative; left: 0px; width: 100%; border: none; }
		.content-pane .main .panelGral p { width: 70%; max-width: 700px; margin: 0; padding: 0; }
			.content-pane .main .panelGral p.subtitle { font-weight: bold; margin: 30px 0 5px 0; padding: 0; font-size: 1.1rem; }
			.content-pane .main .panelGral p.subtitle-message { font-weight: bold; margin: 0px 0 15px 0; padding: 10px 0 0 0; border-top: solid 1px #999999; }
	.content-pane .main .panelGralGrid { position: relative; left: 0px; width: 100%; background-color: #E9E9E9; border: none; min-height: 540px; }
	.content-pane .main .seccion {padding: 10px 0 10px 15px;}
    .content-pane .main.evaluations { padding: 0 0 30px 0; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------
06 PRICING
--------------------------------------------------------------------------------------------------------------------------------------------- */

    .main-top { padding: 100px 0 50px 0; height: auto; overflow: auto; width: 100%; margin: 0 auto; background-color: #4597D3; }
		.main-top h1 { color: white; width: 90%; max-width: 800px; margin: 0 auto; text-align: center; font-size: 2.3rem; font-weight: 300; padding: 0 0 20px 0; }
		.main-top p { color: white; width: 90%; max-width: 700px; margin: 0 auto; padding: 25px 0 5px 0; text-align: center; font-size: 1.5rem; font-weight: 300; }

	.pricing {width: 100%; max-width: 1000px; margin: 0 auto; height: auto; overflow: auto; padding: 0 0 60px 0; text-align: center; }
	
	/*.pricing select {width: 16%; margin-bottom: 30px; border:1px solid #ccc; background-color:#fff;}*/
	
	/*.group.pricing p {margin: 0 auto; padding: 20px 0 20px 0; font-size: 1.3rem;}*/	
	
	.pricing .users-amount { width: 100%; max-width: 650px; margin: 0 auto; padding: 30px 0 0 0; clear: both;}
		.pricing .users-amount img { display: inline-block; vertical-align: top; height: 60px; margin: 0 auto; margin-left: 4px; padding: 0; background-color: #F2F2F2; border-radius: 0 0 0 0; border: solid 1px #F2F2F2; }
		.pure-form .users-amount .pure-input-pricing { display: inline-block; min-width: 500px; vertical-align: top; height: 62px; margin: 0 auto; margin-left: -4px; padding: 0 20px; border-color: #F0F0F0; border-radius: 0 5px 5px 0; font-size: 1.4rem; font-weight: 500; text-align: center; color: #555555; }
		
		.pricing p.price {width: 80%; font-size: 2rem; font-weight: 500; clear: both; margin: 0 auto; text-align: center; padding: 30px 0 20px 0; }
		.pricing p.detail { padding: 0; font-weight: 500; }
			
	.pricing .box-popup a {float: none; margin: 0 auto; }
	
    .box-popup {margin: 0 auto; text-align: center; padding: 20px 0 0 0; max-width: 100%;}
		
		.box-popup a.button-popup {clear: both; font-size: 1.1rem; padding: 15px 35px 15px 35px; background: #d84050; color: white; border-radius: 0; text-decoration: none; cursor: pointer; transition: all 0.3s ease-out; margin: 15px 0 0 0; }
			.box-popup .button-popup:hover {background: #c73b4a; }

    .group {width: 100%; max-width: 1000px; margin: 0 auto; padding: 50px 0 40px 0; text-align: center; }							
		.group .details {width: 25%; display: inline-block; padding: 25px 22px 25px 22px; vertical-align: top; }
			.group .details h3 {float: left; clear: both; font-size: 1.1rem; font-weight: 600; }
			.group .details p {float: left; width: 100%; padding: 7px 0 0 0; text-align: left;}
			.group .details a {font-size: 1em; color: #61AEE3; text-decoration: none;}
				.group .details a:hover {color: #4691C2; text-decoration: underline; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
03 WELCOME
--------------------------------------------------------------------------------------------------------------------------------------------- */	  
.welcome { position: relative; text-align: center; margin: 0 auto; top: 50px; }
	.welcome h1 { text-align: center; padding: 40px 0 10px 0; font-size: 2.2rem; font-weight: 500; }
    .welcome h2 { text-align: center; padding: 0 0 10px 0; font-size: 1.8rem; font-weight: 500; }
	.welcome p { text-align: center; width: 380px; font-size: 1.2rem; padding: 0; margin: 0 auto; }
	.welcome .links { display: inline-block; width: 150px; margin: 0 auto; padding: 40px 15px 0 15px; text-align: center; vertical-align: top; }
		.welcome .links a { margin: 0 auto; text-decoration: none; }
		.welcome .links img { width: 100px; padding: 0 0 15px 0; }
		.welcome .links p { width: 100px; padding: 5px 0 0 0; font-size: 1.2rem; color: #61AEE3; }

    .welcome .instructions { position: relative; text-align: left; width: 45%; max-width: 450px; height: auto; display: inline-block; overflow: hidden; margin: 0 auto; padding: 50px 0 50px 0; vertical-align: top; }
        .welcome .instructions h2 { float: left; text-align: left; width: 400px; clear: both; }
            .welcome .instructions h2.padding-top { padding: 50px 0 0 0; }
        .welcome .instructions p { float: left; text-align: left; width: 400px; clear: both; padding: 0 0 10px 0; }
        .welcome .instructions img { padding: 10px; }
        .welcome .instructions ul { clear: both; width: 400px; padding: 10px 0 0 30px; }
            .welcome .instructions li { width: 400px; list-style: decimal; font-size: 1.1rem; padding: 10px 0 0 0; }
        .welcome .instructions a { color: #2B8DC8; text-decoration: none; }
            .welcome .instructions a:hover { color: #f99842; }

    .welcome img.step { float: left; width: 250px; position: absolute; left: 50%; margin: 0; padding: 0; overflow-x: hidden; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
05 ALEN
--------------------------------------------------------------------------------------------------------------------------------------------- */

    .content-pane.evaluation .grid-content .alen-row .column { width: 32%; background-color: #E5ECF8; cursor: pointer; padding: 0px;}
        
                                   
        .content-pane.evaluation .grid-content .alen-row .column .alen { vertical-align: middle; height: 240px; }  
        .content-pane.evaluation .grid-content .alen-row .column .alen h1 { vertical-align: middle; font-size: 2rem; float: left; padding: 30px 10px 0 10px; color: #888888; }
        .content-pane.evaluation .grid-content .alen-row .column .alen p { vertical-align: middle; clear: both; width: 80%; font-size: 1rem; padding: 5px 20px 15px 30px; } 
        .content-pane.evaluation .grid-content .alen-row .column .alen .img-rb { margin: 30px 0 0 30px; padding: 30px 0 0 30px; vertical-align: middle; }
        .content-pane.evaluation .grid-content .alen-row .column .alen .img-rb { background: url('../settings/img/rb.png'); float: left; background-repeat: no-repeat; }
            .content-pane.evaluation .grid-content .alen-row .column.selected .alen .img-rb { background: url('../settings/img/rb-sel.png'); background-repeat: no-repeat; }

        .content-pane.evaluation .grid-content .alen-row .column:hover { background-color: #C3D3EB; }
        .content-pane.evaluation .grid-content .alen-row .column.selected { background-color: #5E749C; }     
        .content-pane.evaluation .grid-content .alen-row .column.selected h1 { color: white; }  
        .content-pane.evaluation .grid-content .alen-row .column.selected p { color: white; }

/* ---------------------------------------------------------------------------------------------------------------------------------------------
02 CONFIG REPORTS
--------------------------------------------------------------------------------------------------------------------------------------------- */
    .pane-report-360 { background-color: var(--main-bg-color); }
    .scale-graphs { display: inline-block; padding: 40px 0 0 0; }
        .scale-graphs input { margin: 0 10px 8px 0; cursor: text; width: 100px; height: 20px; padding: 0 10px 0 10px; text-align: center; border: 1px solid #CCCCCC; border-radius: 0; background-color: white; line-height: 18px; color: #555555;  }
    .pane-report-climate { background-color: #fff1d0; }
    .pane-report-customerexperience { background-color: var(--main-bg-color); }
    .pane-report-performance { background-color: #fff1d0; }

        .scale-graphs p { padding: 10px 0 10px 0;  }
        .scale-graphs .colors { float: left; width: 25%; }        
        .scale-graphs .color-picker .simpleColorDisplay { width: 50px;  }
        .scale-graphs .color-picker .simpleColorDisplay { width: 100px; }
        .scale-graphs .check-content { padding: 0; }
        .simpleColorDisplay { width: 100px; }
        .scale-graphs .ranges { float: left; width: 15%; }
            
    .color-picker { display: inline-block; width: 100%; }
      .color-picker input { margin: 0 10px 2px 0; }
    
    .pages-options { padding: 20px 0 0 0;}
    
/* ---------------------------------------------------------------------------------------------------------------------------------------------
02 ERROR PAGE
--------------------------------------------------------------------------------------------------------------------------------------------- */

    .error-message { width: 400px; margin: 0 auto; padding: 200px 0 0 0; text-align: center; }
        .error-message img { width: 200px; text-align: center; margin: 0 auto; padding: 0 0 20px 0; margin: 0; }
        .error-message h1 { text-align: center; margin: 0 auto; padding: 0; margin: 0; }
        .error-message p { text-align: center; margin: 0 auto; padding: 0; margin: 0; }

    .login .pure-form { width: 100%; margin: 0 auto; padding: 0 0 0 0; clear: both; border: none; font-size: 0.9rem; }
        .login .pure-form .pure-input {width: 100%; }
        
			
	.pure-button{ margin: 10px 0 0 0; padding: 10px; float: left; text-align: center; color: white; background-color: #61AEE3; text-decoration: none; border: none; border-radius: 0; cursor: pointer; font-size: 0.95rem; }
		.pure-button:hover { background-color: #4691c2; transition: all 0.3s ease-out; }

	.pure-button-recover { margin: 15px 0 0 0; float: left; color: white; text-decoration: none; font-size: 0.95rem; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
02 EVALUATION SUCCESS PAGE
--------------------------------------------------------------------------------------------------------------------------------------------- */
    .evaluation-success-message-body { width: 100%; min-width: unset; }
    .evaluation-success-message { width: 100%; margin: 0 auto; padding: 100px 0 0 0; text-align: center; }
        .evaluation-success-message h1 { text-align: center; padding: 0 0 40px 0; font-size: 1.8rem; font-weight: 600; width: 90%; margin: 0 auto; }
        .evaluation-success-message a { width: 100px; display: block; margin: 0 auto; text-align: center; }


/* ---------------------------------------------------------------------------------------------------------------------------------------------
02 OLD POPUP
--------------------------------------------------------------------------------------------------------------------------------------------- */

.PopUp { background-color: transparent; border: none; top: 0px; left: 0px; overflow: hidden; position: fixed; vertical-align: middle; width: 100%; height: 100%; z-index: 10000; color: #555555; text-align: center; }
	.PopUp.hide { visibility: hidden; display: none; }
	.PopUp.show { visibility: visible; display: block; z-index: 10; }
		
	.PopUp .reports { width: 90%; max-width: 900px; height: 80%; position: relative; margin: 50px auto; }
		
		.PopUp .content { width: 96%; height: 96%; padding: 2%; background-color: #E0E0E0; border-radius: 10px; }
					 
			.PopUp .content .header { clear: both; width: 100%; height: 90px; } 
					 
            .PopUp .content .grid { max-height: 83%; overflow: auto; clear: both; padding: 15px 0 0 0; }    

			.PopUp .content .title { width: 50%; max-width: 500px; float: left; }
				.PopUp .content .title h1 { float: left; font-size: 1.2rem; margin: 0; padding: 5px 5px 0 0; }
				
			.PopUp .content .header ul.path { float: left; clear: both; overflow: auto; list-style: none; margin: 15px 0 0 0; padding: 0; }
				.PopUp .content .header ul.path li { display: inline-block; } 
					.PopUp .content .header ul.path li.first { cursor: pointer; }
					.PopUp .content .header ul.path li.last { color: #E29843; }
					.PopUp .content .header ul.path li.first:after {margin: 0 10px 0 10px; content: ">"; cursor: default; }  
			
			.PopUp .content .x { text-align: right; width: 2%; float: right; }
				.PopUp .content .x .btn { font-size: 20px; font-weight: bold; float: right; width: 20px; cursor: pointer; border: none; background: none; vertical-align: middle; }
			
			.PopUp .message { width: 40%; max-width: 400px; height: auto; overflow: auto; min-height: 100px; background-color: #E0E0E0; border-radius: 10px; position: relative; margin: 200px auto; }
			    .PopUp .message .x {text-align: right;}
				    .PopUp .message .x .btn {font-weight: bold; width: 20px; height: 20px; cursor: pointer; border: none; background: none; vertical-align: middle; padding-right: 20px; }
			    .PopUp .message p { width: 75%; text-align: left; padding: 10px 0 10px 20px; }
                    .PopUp .message p.error-message { color: red; margin: 0; padding: 0 0 0 30px; clear: both; font-weight: 500; }

                .PopUp .message .textbox { float: left; clear: both; background-color: white; width: 220px; height: 18px; border: 1px solid #CCCCCC; border-radius: 0; padding: 5px; margin: 0 0 30px 20px; }

                .PopUp .message .command { float: right; width: 100px; height: 30px; cursor: pointer; background-color: #29C970; border-radius: 0; margin: 15px 15px 15px 0; border: none; color: white; font-size: 0.9rem; font-weight: 500; }
                    .PopUp .message .command.red { background-color: #E75151; }
                        .PopUp .message .command.red:hover { background-color: #DB2C2C; }
		            .PopUp .message .command:hover { background-color: #23B464; transition: background-color .3s ease-in-out; }
		            .PopUp .message .command.si {background-color: #52C86B;}
		            .PopUp .message .command.no {background-color: #EA5555;}
                    .PopUp .message a.command { text-align: center; text-decoration: none; padding: 5px 0 0 0; }
			
                .PopUp .message .button { background-color: red; padding: 5px; }

				.PopUp .content .navegacion { text-align: right; width: 28%; height: 6%; display: inline-block; }
					
			.PopUp .content .divCenter { display: inline-block; vertical-align: top; }
			.PopUp .content .section { width: 100%; margin-left: 0px; vertical-align: middle }
			.PopUp .content .graficas { float: left; width: 27%; overflow: hidden; }
            .PopUp .content .graficas.labels { width: 150px; }
				.PopUp .content .graficas .canvas { float: none; text-align: left; width: 100%; background-color: transparent; vertical-align: top; }
			.PopUp .content .lblGraficas { float: left; width: 16%; overflow: hidden; text-align: right; vertical-align: middle; padding-top: 35px; }
			.PopUp .content .gridLabel { font-size: 10px; height: 20px; color: #555555; line-height: 10px; }
			.PopUp .content .leyendas { float: left; width: 16%; overflow: hidden; vertical-align: top; text-align: left; margin-left: 5px; }
				.PopUp .content .leyendas h4 { padding: 10px 0px 0px 0px; margin: 0 auto; font-size: 10px; }
				.PopUp .content .leyendas p { padding: 0px 5px 0px 0px; display: inline-block; margin: 0px 0px 0px 0px; font-size: 11px; }
			.PopUp .content .cuadro { width: 10px; height: 10px; padding: 0px 0px 0px 0px; margin: 5px 0px 0px 10px; border-width: 1px; border-style: solid; display: inline-block; }


.PopUp .mensaje { width: 400px; min-height: 100px; background-color: #E0E0E0; border-radius: 10px; position: relative; padding: 0 0 15px 0; margin: 200px auto; }
	.PopUp .mensaje .x {text-align: right;}
		.PopUp .mensaje .x .btn { font-size: 20px; font-weight: bold; width: 20px; height: 20px; cursor: pointer; border: none; background: none; vertical-align: middle; padding-right: 20px; }
	.PopUp .mensaje .img-contenido { display: inline-block; vertical-align: middle; width: 19%; text-align: center; padding: 20px 2% 10px 1%; }
		.PopUp .mensaje .img-contenido .imgWarning {}
	.PopUp .mensaje .mensaje-contenido { display: inline-block; vertical-align: middle; width: 75%; text-align: left; padding: 10px 2% 10px 0; line-height: 20px; }
		.PopUp .mensaje .mensaje-contenido .lblMensaje {padding: 10px 0 0 0;}

.PopUp .message.instructions { width: 60%; max-width: 600px; min-width: 280px; max-height: 80%; overflow: auto; min-height: 100px; background-color: #E0E0E0; border-radius: 10px; position: relative; padding: 0 0 15px 0; margin: 100px auto; }
	.PopUp .message.instructions .x { text-align: right; }
		.PopUp .message.instructions .x .btn { font-size: 2rem; font-weight: bold; width: 20px; height: 60px; cursor: pointer; border: none; background: none; vertical-align: middle; margin: 0 20px 0 0; }
    .PopUp .message.instructions p { float: left; width: 85%; margin: 0 auto; padding: 0px 0 50px 25px;   }


.climate-graphic-content{ margin: 0 -130px 0 -80px; padding: 35px 0 0 0;    }
    .climate-graphic-content .graphic { float:left; width: 24%; padding: 0 10px; }
        .climate-graphic-content .graphic.labels { width: 150px; overflow: hidden; }
        .climate-graphic-content.down-scale { padding: 0; }

    .climate-graphic-content .graph { display: inline-block; width: 54%;}
    .climate-graphic-content .escala { display: inline-block; vertical-align: bottom; padding: 0 8px 0 0; }
    .climate-graphic-content .grid { display: inline-block; width: 32%; vertical-align: top; margin: 5px 0 0 10px; }


.climate-grid-results { border: none ; width: 820px; margin: 0 auto; }
    .climate-grid-results td { height: 10px; }
    .climate-grid-results tr { height: 10px; font-size: 0.9rem; line-height: 1rem; }
        .climate-grid-results tr.area { font-weight: bold; font-size: 1rem; height: 10px; background-color: #DCDCDC; } 
        .climate-grid-results tr.area.title { font-weight: bold; font-size: 1rem; height: 40px; background-color: transparent; }
        .climate-grid-results tr.area.double { height: 46px; }

        .climate-grid-results tr.div {  } 
        .climate-grid-results tr.div .column { height: 3px; }
        .climate-grid-results tr.div-area { height: 30px; }
        .climate-grid-results tr.div-title .column { height: 10px; }
        .climate-grid-results tr .column.bottom { vertical-align: bottom; }
        .climate-grid-results tr .column.top { vertical-align:top; }
        .climate-grid-results tr.labels .column { border: none; }                
        

    .climate-grid-results .column { text-align: center; padding: 0; margin: 0; border: none; }  
        .climate-grid-results .column.area { width: 255px;  text-align: left; padding: 0 0 0 10px;  }   
        .climate-grid-results .column.bold { font-weight: bold; }
         .climate-grid-results .area .column.question { letter-spacing: 0.04em; }
            .climate-grid-results .area .column.central { letter-spacing: 0.05em; }

        .climate-grid-results .column.question { width: 300px; text-align: left; padding: 0 15px 0 25px; }   
            .climate-grid-results .column.question.x3 { width: 450px; }  
            .climate-grid-results .column.question.x4 { width: 400px; }  
            .climate-grid-results .column.question.x5 { width: 400px; }  
            .climate-grid-results .column.question.x6 { width: 390px; }   

        .climate-grid-results .column.hierarchical { width: 130px; text-align: left; }
            .climate-grid-results .column.hierarchical.x3 { width: 160px; }
            .climate-grid-results .column.hierarchical.x4 { width: 160px; }
            .climate-grid-results .column.hierarchical.x5 { width: 160px; }     
            .climate-grid-results .column.hierarchical.x6 { width: 160px; }

        .climate-grid-results .column.central {  font-size: 0.9rem; width: 100px; }    
            .climate-grid-results tr.title .column.central { font-size: 12px; border: none; text-align: center; pointer-events: none; } 
            .climate-grid-results .column.favorable { color: #32C283; }
            .climate-grid-results .column.neutral { color: #555555; }
            .climate-grid-results .column.unfavorable { color: #E45B3B; }
            .climate-grid-results .column.difference { font-size: 0.9rem; width: 50px; text-align: right; padding: 0 5px 0 0; border: none; }

        .climate-grid-results .column img { width: 22px; height: 22px; }
        .climate-grid-results .column.div { width: 10px; border: none; max-width: 15px; }


        .climate-grid-results .column.graph { text-align: left; border-left: solid 1px #C9C9C9; border-right: solid 1px #C9C9C9; vertical-align: central; }
            .climate-grid-results .column.graph.x3 { width: 95px; }
            .climate-grid-results .column.graph.x4 { width: 80px; }
            .climate-grid-results .column.graph.x5 { width: 60px; }
            .climate-grid-results .column.graph.x6 { width: 57px; }

            .climate-grid-results tr.header .column.graph { border: none; }  
            .climate-grid-results tr.area.title .column.graph { border: none; }
            .climate-grid-results tr.sample .column.graph { border: none; }
            .climate-grid-results tr.footer .column.graph { border-bottom: solid 1px #C9C9C9; }  
            .climate-grid-results tr.legend .column { border-left: none; border-right: none; border-bottom: none; text-align: left; background-color: transparent;  } 

            .climate-grid-results tr.legend .column.graph .text { width: 90px; border: none; padding: 0 0 0 5px; background-color: transparent; text-align: center; vertical-align: middle; text-decoration: none; height: 30px; font-size: 13px; color: #777777; margin: 0 0 0 10px; position: absolute; }   
            .climate-grid-results tr.legend.border .column.graph { border-top: solid 1px #C9C9C9; }

            .climate-grid-results tr.labels .column.graph .text { width: 90px; border: none; padding: 0 0 0 5px; background-color: transparent; text-align: center; vertical-align: middle; text-decoration: none; height: 30px; font-size: 11px; color: #555555; margin: 0 0 0 10px; position: absolute; }   
            .climate-grid-results tr.labels .column { border-left: none; border-right: none; border-bottom: none; background-color: transparent;  }                    

            .climate-grid-results tr.labels.border .column.graph { border-top: solid 1px #C9C9C9; }

        .climate-grid-results .column.graph input { font-size: 0.9rem; font-weight: 500; color: #555555; margin: 0;  border: none; padding: 2px 0 0 5px; position: absolute; pointer-events: none; text-decoration: none; height: 15px; vertical-align: middle; background-color: transparent; width: 80px; }
            .climate-grid-results.details .column.graph input { padding: 0 0 0 5px; margin: -6px 0 0 0; }
            .climate-grid-results .legend .column.graph input { padding: 5px 0 0 5px; margin: 0px 0 0 0; }            
            .climate-grid-results .labels .column.graph input { padding: 0 0 0 5px; margin: 0px 0 0 0; }
            .climate-grid-results .column.graph input.inside { color: white; }
            .climate-grid-results .column.graph input.event { font-size: .8rem; color: red;  }         
             
            .climate-grid-results tr.labels .column.graph input { text-align: center; font-size: .7rem; padding: 0; margin-left: 0; } 
                
            .climate-grid-results tr.labels .column.graph textarea { text-align: center; font-size: .8rem; padding: 0 5px 0 5px; margin-left: 0; height:70px; width: 55px; border: none; resize: none;  overflow: hidden; background-color: transparent; line-height: 10px; } 

        .climate-grid-results .column.graph .bar { height: 20px; display:inline-block; vertical-align:central; position: absolute; margin: -.8% 0 0 0; float: left; }
            .climate-grid-results .column.graph .bar.opacity { opacity: .6; }
            .climate-grid-results .column.graph .bar.color-range { margin: -.2% 0 0 0; }
            .climate-grid-results.details .column.graph .bar { height: 15px; margin: -.5% 0 0 0; }

            .climate-grid-results .column.graph.bottom .bar { margin: -2% 0 0 0; }
            .climate-grid-results .column.graph.top .bar { margin: .4% 0 0 0; }          
                   
            .climate-grid-results .column.graph .bar.red { background-color: #D23653; opacity: 0.8; }
            .climate-grid-results .column.graph .bar.yellow { background-color: #E3D23A; opacity: 0.8; }
            .climate-grid-results .column.graph .bar.blue { background-color: #3287C2; opacity: 0.8; }
            .climate-grid-results .column.graph .bar.green { background-color: #32C283; opacity: 0.8;  }


        .climate-grid-results tr.color-range { }
            .climate-grid-results tr.color-range .column.graph { border-bottom: solid 1px #C9C9C9; opacity: 0.8; }
                .climate-grid-results tr.color-range .column.graph.red { background-color: #D23653; }
                .climate-grid-results tr.color-range .column.graph.yellow { background-color: #E3D23A; }
                .climate-grid-results tr.color-range .column.graph.blue { background-color: #3287C2; }
                .climate-grid-results tr.color-range .column.graph.green { background-color: #32C283; }            

    /*------------------------------------------
    career-plan
    ------------------------------------------*/

    /*grid*/ 
    /*columnas*/    
    .content-pane.evaluation.career-plan .grid-content tr.justify { background-color: #FCF8D9; }
        .content-pane.evaluation.career-plan .grid-content tr.justify a { color: #999999; }
    
    .content-pane.evaluation.career-plan .grid-content tr.description td  { border-top: 2px solid var(--main-bg-color); height: 55px; }
     

        .content-pane.evaluation.career-plan .grid-content td.txtarea { height: 40px; border-top: 3px solid var(--main-bg-color); border-bottom: 3px solid var(--main-bg-color); padding: 15px 0 0 15px; }
            .content-pane.evaluation.career-plan .grid-content td.txtarea p { width: 2%; float: left; padding: 0; }
            .content-pane.evaluation.career-plan .grid-content td.txtarea a { }
            .content-pane.evaluation.career-plan .grid-content td.txtarea textarea { width: 95%; height: 100%; padding: 0; }

        .content-pane.evaluation.career-plan .grid-content td.rb { width: 20%; padding: 0; border-top: 3px solid var(--main-bg-color); border-bottom: 3px solid var(--main-bg-color); }    
            .content-pane.evaluation.career-plan .grid-content td.rb p { width: 100%; text-align: center; }  
            .content-pane.evaluation.career-plan .grid-content td.rb ul { width: 100%; padding: 0; text-align: center; } 
                .content-pane.evaluation.career-plan .grid-content td.rb ul li { width: 45%; }

        .content-pane.evaluation.career-plan .grid-content td.date { width: 55%; border-top: 3px solid var(--main-bg-color); border-bottom: 3px solid var(--main-bg-color); padding: 15px 0 0 15px;  }    
            .content-pane.evaluation.career-plan .grid-content td.date p { width: 100%; padding: 0; }
            .content-pane.evaluation.career-plan .grid-content td.date input { width: 100%; } 

    .content-pane.evaluation.career-plan .grid-content input { height: 40px; }

    .content-pane.evaluation.career-plan .grid-content tr.title-question:hover { background-color: var(--main-bg-color); }
    .content-pane.evaluation.career-plan .grid-content tr.answer:hover { background-color: white; }
    .content-pane.evaluation.career-plan .grid-content tr.no-answer:hover { background-color: white; }
    .content-pane.evaluation.career-plan .grid-content tr.small:hover  { background-color: white; }
    .content-pane.evaluation.career-plan .grid-content tr.num:hover  { background-color: white; }
    .content-pane.evaluation.career-plan .grid-content tr.justify:hover  { background-color: #FCF8D9; } 
    .content-pane.evaluation.career-plan .grid-content tr.combo:hover  { background-color: #FCF8D9; } 
      
     .content-pane.evaluation.career-plan .grid-content .area .column { border-left: none; }
    .content-pane.evaluation.career-plan .grid-content .column.question { height: 50px; padding: 10px 15px 10px 20px; border-bottom: none; } 
        .content-pane.evaluation.career-plan .grid-content tr.h1 .column.question { height: 15px; border-top: 2px solid var(--main-bg-color); }

    .content-pane.evaluation.career-plan .grid-content .column.buttons { width: 100%; }
        .content-pane.evaluation.career-plan .grid-content .column.buttons p { padding: 15px 0 0 15px; }
    .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale { min-height: 75px; background-color: var(--main-bg-color); width: 100%; padding: 0; } 
        .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale { background-color: white; } 
         
        .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale li { display: flex; float: left; width: 33.3%; min-height: 75px; background-color: var(--main-bg-color); }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale li a.description { max-width: 90%; }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale.w2 ul.evaluation-scale li { width: 50%; }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale.w3 ul.evaluation-scale li { width: 33.3%; }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale.w4 ul.evaluation-scale li { width: 25%; }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale.w5 ul.evaluation-scale li { width: 20%; }

            .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale li p { margin: 35px 0 0 -15px; padding: 0;  }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale li a.rb { margin: 15px 0 0 10px; }
            .content-pane.evaluation.career-plan .grid-content .multiple-scale ul.evaluation-scale li a.description { min-height: 40px;}
    
        @media all and (max-width: 420px ){ 
            .content-pane.evaluation.career-plan .grid-content .multiple-scale.w3 ul.evaluation-scale li { width: 100%; }
        }

        .content-pane.career-plan .grid-content tr.title-question { background-color: var(--main-bg-color); font-weight: 600;  }          
            .content-pane.career-plan .grid-content tr.title-question.first-row td { padding-top: 25px;  }
                .content-pane.career-plan .grid-content tr.title-question p { padding: 5px 0 5px 0; min-height: 20px; line-height: 25px; font-weight: 600; vertical-align: middle; width: 98%; }

        .content-pane.career-plan .grid-content tr.justify { height: 40px; border: none; }
            .content-pane.career-plan .grid-content .justify p { float: none; font-size: 1rem; font-weight: 400; text-align: left; padding: 10px 0 0 0; color: #999999; }
            .content-pane.career-plan .grid-content .justify textarea { padding: 15px 0; color: #555555; text-align: left; resize: none; background-color: transparent; outline: none; height: 30px; }

    .content-pane.career-plan .grid-content tr.combo { height: 40px; border: none; background-color: #FCF8D9; border-top: 5px solid var(--main-bg-color); } 
        .content-pane.career-plan .grid-content tr.combo td { padding: 0; width: 99%;  }
        .content-pane.career-plan .grid-content tr.combo textarea { height: 30px; padding: 0 0 0 15px; } 
    
        .dropdown-title { display: inline-flex; vertical-align: middle; width: 100%; background-color: purple; }
        
        .content-pane.career-plan .grid-content .dropdown { position: relative; display: inline-block; width: 100%; vertical-align: middle; margin-top: 0; }
            .content-pane.career-plan .grid-content .dropdown input { width: calc(100% - 60px); padding: 0 30px; height: 45px; text-align: left; }
                .content-pane.career-plan .grid-content .dropdown p { padding: 10px 0; height: 10px; text-align: left; }
                .content-pane.career-plan .grid-content .dropdown a { font-weight: 500; padding: 0; height: 10px; width: 90%; }
                    .content-pane.career-plan .grid-content .dropdown a.arrow { padding: 0px 10px 0 10px; width: 10px; float: left; }
            .content-pane.career-plan .grid-content .dropdown ul { width: 100%; list-style: none; }

           .content-pane.career-plan .grid-content .dropdown .dropdown-content { margin: 0; width: 80%; }
                .content-pane.career-plan .grid-content .dropdown .dropdown-content ul { max-height: 250px; overflow: auto; }
                .content-pane.career-plan .grid-content .dropdown .dropdown-content ul li { height: 25px; padding: 7px 0 6px 30px; vertical-align: middle; }
                .content-pane.career-plan .grid-content .dropdown .dropdown-content ul li:hover { background-color: #f9e0d0; } 

        .content-pane.career-plan .grid-content .dropdown.no-show a.arrow { visibility: hidden; padding: 0px 10px 0 0px; }
        .content-pane.career-plan .grid-content .dropdown.no-show input { padding: 0 20px; }

        .content-pane.career-plan .grid-content tr.area p { color: white; font-weight: 600; padding: 15px 0 0 0; }
            .content-pane.career-plan .grid-content tr.area p.description { font-weight: 400; min-height: 20px; padding: 0 0 10px 0; }
                 
        .content-pane.career-plan .grid-content tr.no-answer p { padding: 10px 0 10px 0; }
        
        .content-pane.career-plan .grid-content textarea { width: 98%; height: 50px; }
        
            .content-pane.career-plan .grid-content .question.col1 { width: 80%; }
            .content-pane.career-plan .grid-content .question.col2 { width: 12%; }
            .content-pane.career-plan .grid-content .question.col3 { width: 10%; }
            .content-pane.career-plan .grid-content .question.col4 { width: 70%; }
                .content-pane.career-plan .grid-content .question.col4 textarea { height: 25px; border-bottom: 1px solid #555555; }

        .content-pane.career-plan .grid-content tr.num { border-top: 1px solid var(--main-bg-color); height: 50px; }
            .content-pane.career-plan .grid-content tr.num .question p { display: inline-block; font-weight: 400; height: 30px; }
                .content-pane.career-plan .grid-content tr.num .question p.hide { display: none; }
            .content-pane.career-plan .grid-content tr.num .question textarea { height: 20px; }
                .content-pane.career-plan .grid-content tr.num .question textarea.op-num { width: 25px; height: 20px; border: 1px solid #888888; border-radius:4px; padding: 5px 0 0 0; line-height: 15px; text-align: center; margin: 0 10px 0 0; } 

            /*.content-pane.evaluation.career-plan .grid-content tr.rb ul.evaluation-scale li { width: 25px; }*/

            .content-pane.career-plan .grid-content a.grid-row-action { width: 10px; height: 20px; vertical-align: middle; cursor:pointer; background-size: cover; background-repeat:no-repeat; background-size: 20px;  }
        .content-pane.career-plan .grid-content a.grid-row-action.add { background-image: url(../settings/img/add-row.png); padding: 0 20px 0 0; }
        .content-pane.career-plan .grid-content a.grid-row-action.delete { background-image: url(../settings/img/delete-row.png); padding: 0 20px 0 0; }


        .content-pane.career-plan .grid-content tr.rb td { height: 83px; }

        .content-pane.career-plan .grid-content tr.title-group { background-color: #FCF8D9; }
            .content-pane.career-plan .grid-content tr.title-group:hover { background-color: #FCF8D9; }
        .content-pane.career-plan .grid-content tr.no-border { border: none; }

    .content-pane.career-plan .grid-content tr.question p.title { font-weight: 600; white-space: pre-wrap; width: 98%; height: 20px; padding: 20px 0 0 0; vertical-align: central; }
    .content-pane.career-plan .grid-content tr p.description { font-weight: 400; white-space: pre-wrap; width: 98%; padding: 0 0 20px 0; line-height: 20px; height: auto; }
    
        .content-pane.career-plan .grid-content .question p { width: 90%; white-space: pre-wrap; }

    .content-pane.career-plan .grid-content tr.area.question-title { height: 75px; }
    .content-pane.career-plan .grid-content tr.explanation { height: 20px; background-color: #c9c9c9; }
        .content-pane.career-plan .grid-content tr.explanation:hover { background-color: #c9c9c9; }
            
        .content-pane.career-plan .grid-content a.grid-row-action[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 20px 0 0 -140px; background-color: #e9e9e9; color: #999999; font-size: 0.8rem; border-radius: 2px; border: solid #888888 .5px; line-height: 1.4rem; width: 150px; font-weight: 400; text-align: center; }


        .content-pane.my-career-plan .grid-content tr.rb td { height: 83px; }

        .content-pane.my-career-plan .grid-content tr.title-group { background-color: #FCF8D9; }
            .content-pane.my-career-plan .grid-content tr.title-group:hover { background-color: #FCF8D9; }
        .content-pane.my-career-plan .grid-content tr.no-border { border: none; }

    .content-pane.my-career-plan .grid-content tr p.title { font-weight: 600; white-space: pre-wrap; width: 100%; padding: 15px 0 0 0;  }
    .content-pane.my-career-plan .grid-content tr p.description { font-weight: 400; padding: 0; white-space: pre-wrap; width: 98%; padding: 10px 0 10px 0; line-height: 20px; height: auto; }
    .content-pane.my-career-plan .grid-content .question { display: inline-block; width: 98%; }
    .content-pane.my-career-plan .grid-content tr.small:hover  { background-color: white; }

        .content-pane.my-career-plan .grid-content .question p { width: 90%; white-space: pre-wrap; }
    .content-pane.my-career-plan .grid-content tr.justify { height: 70px; border: none; }
        .content-pane.my-career-plan .grid-content .justify p { float: none; font-size: 1rem; font-weight: 400; text-align: left; padding: 10px 0 0 0; color: #999999; }
        .content-pane.my-career-plan .grid-content .justify textarea { padding: 0; color: #555555; text-align: left; resize: none; background-color: transparent; outline: none; height: 40px; }
        .content-pane.my-career-plan .grid-content .question.col1 { width: 80%; }
        .content-pane.my-career-plan .grid-content .question.col2 { width: 12%; }
        .content-pane.my-career-plan .grid-content .question.col3 { width: 10%; }
        .content-pane.my-career-plan .grid-content .question.col4 { width: 70%; border-bottom: 1px solid; }
        
        .content-pane.my-career-plan .grid-content .question.num p.title { display: inline-block; font-weight: 500; height: 30px; }
        .content-pane.my-career-plan .grid-content .question.num textarea.op-num { width: 25px; height: 20px; border: 1px solid #888888; border-radius:4px; padding: 5px 0 0 0; line-height: 15px; text-align: center; margin: 0 10px 0 0; }

    .content-pane.my-career-plan .grid-content tr.area.question-title { height: 75px; }
    .content-pane.my-career-plan .grid-content tr.explanation { height: 20px; background-color: #c9c9c9; }
        .content-pane.my-career-plan .grid-content tr.explanation:hover { background-color: #c9c9c9; }

    .content-pane.my-career-plan .grid-content a.grid-row-action { width: 20px; height: 20px; vertical-align: middle; cursor:pointer; background-size: cover; background-repeat:no-repeat; background-size: 20px;  }
        .content-pane.my-career-plan .grid-content a.grid-row-action.add { background-image: url(../settings/img/add-row.png); padding: 0 20px 0 0; }
        .content-pane.my-career-plan .grid-content a.grid-row-action.delete { background-image: url(../settings/img/delete-row.png); padding: 0 20px 0 0; }

        .content-pane.my-career-plan .grid-content a.grid-row-action[glose]:hover:after { content: attr(glose); position: absolute; padding: 2px 5px; margin: 20px 0 0 -140px; background-color: #e9e9e9; color: #999999; font-size: 0.8rem; border-radius: 4px; border: solid #888888 .5px; line-height: 1.4rem; width: 150px; font-weight: 400; text-align: center; }

    .content-pane.my-career-plan .grid-content tr.small ul { display: inline-block; float: left; width: 33%; }
        .content-pane.my-career-plan .grid-content ul.evaluation-scale li p { float: left; font-size: .95rem; font-weight: 500; padding: 0 0 0 0; color: #888888; width: 20px; text-align: center; height: 20px; margin: 0 0 0 5px; }      
        .content-pane.my-career-plan .grid-content ul.evaluation-scale li a.rb { cursor: pointer; }   
        .content-pane.my-career-plan .grid-content ul.evaluation-scale li.disable a { color: lightgray; }
        .content-pane.my-career-plan .grid-content tr.small ul.evaluation-scale li a.description { width: 63%; font-size: 1rem; padding: 5px 0 0 10px; margin: -10px 0 0 0; height: 20px; line-height: 15px; word-break: keep-all; vertical-align: middle;  } 

    /*-------------
        icon menu new design
        ------------------*/     
    .content-pane.has-left-menu.icon-menu  { width: calc(87% - 25px); min-width: 1090px;  left: 13%; max-width: 100%; padding: 0 0 370px 20px; top: 70px; }
        .content-pane.has-left-menu.icon-menu.phases { top: 135px; }  
	
        .content-pane.has-left-menu.fixed-height p { width: 500px; display: block; }
        .content-pane.has-left-menu.fixed-height.settings { position: absolute; height: calc(100% - 180px);  padding: 0 0 110px 20px; overflow: hidden; }   
        .content-pane.has-left-menu.fixed-height.settings.icon-menu .grid-scroll-horizontal { width: 100%; }   
        .content-pane.has-left-menu.fixed-height.settings .fixed-height-table-container { height: 100%; padding: 0 0 30px 0; }
 
        .content-pane.has-left-menu.fixed-height .fixed-height-table-container { height: auto; padding: 0 0 30px 0; }
        .content-pane.board { padding-bottom: 20px; }
            .content-pane.board h1 { padding-top: 20px; }  
            .content-pane .board.padding-top { padding-top: 20px; }

            .content-pane.has-left-menu.icon-menu.board  { padding-bottom: 50px; width: calc(87% - 24px); max-width: calc(87% - 30px); top: 50px; }

        .content-pane.has-left-menu.board .main-header { margin: 0 0 0 20px; background-color: var(--main-bg-color); height: 50px; }
            .content-pane.has-left-menu.board .main-header a.button { }

            .content-pane.has-left-menu.icon-menu.chart-organization  { max-width: 1440px; }
    @media all and (max-width: 1470px ){ 
        .content-pane.has-left-menu.icon-menu { left: 195px; }
    }
    
        
    .content-pane.has-left-menu.evaluation.icon-menu .main-header { margin: 0 0 0 -13px; }

        .content-pane.has-left-menu.icon-menu .main-header .main-header-content img { margin-top: unset; }
        .content-pane.has-left-menu.icon-menu .main-header h2 { padding: 20px 0 0 0; }

    .content-pane.has-left-menu.icon-menu .main-header .main-header-content p  { padding: 0; width: 60%; max-width: unset; }
        .content-pane.has-left-menu.icon-menu .main-header .main-header-content p.header { font-size: 1.4rem; font-weight: 600 }

   .content-pane.has-left-menu.icon-menu.no-description.customRequisition { left: 280px; background: white; margin: 30px 20px; border: 1px solid #cbc9c9;  padding: 20px; width:calc(100% - 360px); height: calc(100vh - 170px); }
    /*menu nuevo tipo desempeño*/
    .menu-left.icon-menu { width: 13%; min-width: 195px; }
        .menu-left.icon-menu ul { min-width: 195px; }
            .menu-left.icon-menu li { min-width: 195px; height: 65px; vertical-align: middle; }            
                .menu-left.icon-menu ul li a { word-break: break-word; vertical-align: middle; width: 94%; min-width: 61%; font-size: .95rem; line-height: 1.6rem; color: white; padding: 0 2% 0 3%; height: 65px; max-height: 65px; display: table-cell; }
                .menu-left.icon-menu li a.icon { width: 35px; min-width: 35px; padding: 0 0 0 10px; vertical-align: middle; }
                .menu-left.icon-menu ul li.indent a.icon { padding: 0 0 0 20px; }
                .menu-left.icon-menu ul li img { float: left; width: 30px; height: 30px; }

                .menu-left ul li:hover { background-color: #555555; cursor: pointer;  }
                .menu-left.icon-menu li.disable { opacity: .5; }
                
                .menu-left ul li.menu-left-selected { border: none; cursor: default; }
                    .menu-left ul li.menu-left-selected a {  }

    .menu-left.icon-menu.wide { width: 20%; min-width: 195px;  }
        .menu-left.icon-menu.wide li a { width: 94%; }
        .menu-left.icon-menu.wide li a.icon { width: 35px; min-width: 35px; }


    /*grid disable*/
    .dropdown-select.disable a.dropdown-right { display: none; }
    .dropdown-select-no-hide.disable a.dropdown-right { display: none; }
    li.disable a.dropdown-right { display: none; }
    

	/*diagnostic*/	
    .content-pane.diagnostic .grid-content tr.area.open-questions { height: 50px; }

    /*communication*/
    .grid-content tr.tittlecomentary{ background: var(--main-bg-color); }

    .popup-top.ExtraFiles {  position: relative; margin: 0 auto; padding: 0; width: 100%; max-width: 600px; min-width: unset; max-height: -webkit-fill-available; border-radius: 0 0 0 0; overflow-y: auto; background: white; }

        .popup-top.ExtraFiles img { width: 100%; }

    .divImgCommunication { position: fixed; right: 0px; background: white; border: 1px solid; cursor: pointer; top: 50%;  }
    .divImgCommunication > p { font-size: 1.2rem; padding: 10px 0px 10px 0px; text-align:center; color: black; width: 160px; }

   

    .content-pane.communication .dropdown-list.hide { display: none; }
   
    .content-pane.communication .dropdown-select { width: 300px; margin: 0 5px 0 0px; }
        .content-pane.communication .dropdown-select a { max-width: 245px; }
        .content-pane.communication .dropdown-select .dropdown-select-content { width: 300px; }
        .content-pane.communication .dropdown-select .dropdown-select-content.celular { width: 300px; height: 100px; overflow-y: auto; position: inherit; }
            

    .content-pane.communication p.title { float: none; padding: 10px 0 25px 0; } 
    .content-pane.communication a.button { float: right; margin: 20px 0 0 0; width: 200px; text-align: center; }
    .content-pane.communication a.link { color: white; text-decoration: underline; cursor: pointer; padding: 0; }
    .content-pane.communication p.link { color: blue; text-decoration: underline; cursor: pointer; padding: 0; font-weight: 400; }
    .content-pane.communication p.participants { font-weight: 400; padding: 0px 0 0px 0; color: #a09a9a; }
    .content-pane.communication p.participants2 { font-weight: 400; padding: 0px 0 0px 0; color: #a09a9a; }
    .content-pane.communication img { margin-top: 15px; width: 100%; height: 200px; float: left; background:  no-repeat center center; background-size: cover; }
    .content-pane.communication .titleFilter.titleMax { width: 100%; }
    .content-pane.communication .titleFilter { float: left; width: 300px; margin: 0 15px 5px 0px; font-weight: 700; }
    .content-pane.communication .titleFilter > a { font-weight: 600; font-size: 1.2rem; }
    .content-pane.participantscomm  .dropdown-select-no-hide { margin: 10px 0 0 0;}
    .content-pane.participantscomm .popup-top-step { width: 40%; min-height: 200px; display: inline-block; margin: 20px; background-color: #8EACC2; border-radius: 0; vertical-align: top; margin-left: auto; margin-bottom: auto; }
    .content-pane.participantscomm .popup-top-step:hover { transition: all 200ms; background-color: #9FB9CB; }
    .content-pane.participantscomm .popup-top-step.-sel { background-color: #32C283; }
   

    .grid-content.communication p { font-weight: 600; line-height: 1rem; }
    .grid-content.communication tr p { padding: 15px 0 0 0; }
    .grid-content.communication.celular tr textarea { vertical-align: top; padding: 20px 0 5px 7px; min-height: 30px; max-height: 500px; overflow: auto; }
    .grid-content.communication tr.comment.uniquepadding p { font-weight: 400; padding: 20px 10px 0px 0; }
    .grid-content.communication tr.comment.uniquepadding p.participants2 { width: 100%; font-weight: 400; padding: 5px 10px 0px 0; }

/*    .grid-content.communication tr.conversation-title { border-top: 20px solid #efede9; height:80px; }*/
        .grid-content.communication tr.conversation-title p { color: white; padding: 0; }
        .grid-content.communication tr.conversation-title textarea { color: white; font-weight: 600; min-height: 30px; max-height: 500px; width: inherit; } 
        .grid-content.communication tr.conversation-title td { padding: 0px 15px 0px 15px  } 
    
        .grid-content.communication tr.comment { border-top: 20px solid var(--main-bg-color) }   
        .grid-content.communication tr.comment.uniquepadding { border-top: 0px; }   
	.grid-content.communication tr.comment-level-two { border-top: 2px solid var(--main-bg-color); padding: 0 0 0 0px; }
        .grid-content.communication tr.comment-level-two textarea { padding-left:32px; }
        .grid-content.communication tr.comment-level-two a { padding-left:32px; }
        .grid-content.communication tr.comment-level-two p { line-height: 1rem; padding-left: 32px }
        
    .grid-content.communication tr.add-comment { background-color: #FCF8D9; border-bottom: 5px solid var(--main-bg-color); } 
    .grid-content.communication tr.edit-comment-active.comment { border-top: 20px solid var(--main-bg-color); background-color: #FCF8D9; } 
    .grid-content.communication tr.edit-comment-active.comment-level-two { background-color: #FCF8D9; } 

	.grid-content.communication tr.add-comment.separator { background-color: #FCF8D9; border-bottom: 40px solid var(--main-bg-color); }
	.grid-content.communication .question { width: 80%; cursor: text; padding: 8px 15px 0px 15px; }
    .grid-content.communication .question.primaryComment { width: 80%; cursor: text; padding: 15px 15px 0px 15px; }
        .grid-content.communication .question.primaryComment textarea { min-height: 40px; }
    .grid-content.communication .question.secondComment { width: 80%; cursor: text; padding: 15px 15px 0px 15px; }
        .grid-content.communication .question.secondComment textarea { min-height: 40px; }

        .grid-content.communication .question.titlecommentaryprimary p { font-size: 1.5rem; font-weight: 600; line-height: 1rem; }
            .grid-content.communication .question p.link { font-weight: 400; padding: 5px 0; }
            .grid-content.communication .question p.hide { display: none; }
        .grid-content.communication .question textarea { cursor: text; min-height: 30px; max-height: 500px; overflow: auto;  }
    .grid-content.communication .add-question { width: 5%; cursor: pointer; }

        .grid-content.communication .add-question .div-links { clear: both; display: inline-flex; width: max-content; }
	    .grid-content.communication .add-question .div-links p { width: auto; color: #2D82C9; float: left; padding: 0 10px 0 0; font-weight: 400; }
        .grid-content.communication .question .div-links { clear: both; display: inline-flex; width: max-content; }
	    .grid-content.communication .question .div-links p { width: auto; color: #2D82C9; float: left; padding: 0 10px 0 0; font-weight: 400; }
    	    .grid-content.communication .add-question p.deshabilitar { color: #AAD8FF; }
            .grid-content.communication .add-question p.cancelcoment { color: #f42929; }

        .grid-content.communication tr.comment .question .div-links-cel p.deshabilitar { color:#AAD8FF; }
        .grid-content.communication .question .div-links-cel p { width: auto; color: #2D82C9; float: left; font-weight: 400; padding-bottom: 30px; padding-top: 30px; }

        .grid-content.communication .add-question .div-links-cel { clear: both; display: inline-flex; width: max-content; }
	    .grid-content.communication .add-question .div-links-cel p { width: auto; color: #2D82C9; float: left; padding: 0 10px 0 0; font-weight: 400; }
        .grid-content.communication .question .div-links-cel { clear: both; display: inline-flex; width: max-content; }

    	    .grid-content.communication .question p.deshabilitar { color: #AAD8FF; }
            .grid-content.communication.celular .question p.cancelcoment { color: #f42929; padding-left: 10px; }
            .grid-content.communication.celular tr.comment .question .div-links-cel p { padding-left: 7px; }
            .grid-content.communication.celular tr.add-comment .question .div-links-cel p { padding-left: 5px; }
            .grid-content.communication.celular tr.comment-level-two.add-comment .question .div-links-cel p { padding-left: 0 0 0 0; }
            .paddingComm { padding-top: 20px; }
        
        @media all and (max-width: 420px ){

            .path { display: none; }

            .content-pane.communication { width: 95%; padding: 20px 0 50px 0px; }
            .content-pane.communication h2 { text-align: center; }
            .content-pane.communication p.title { float: none; padding: 10px 0 0 0; } 
            .content-pane.communication a.button { float: none; width: 95%; text-align: center; margin: 0 auto; margin-top: 20px; }


        }

/*Mi portal*/
/*PortalWeb*/
.main-header .main-header-content.myportal { width: 96%; max-width: 1250px; height: auto; overflow: auto; padding-left: 50px; display: flex; align-items: center; min-height: 80px; margin: unset; }

.brand-backcolor-myportal { background-color: #F0A66C; }
.brand-backcolor-recruiting { background-color: #CBCDCE; }

.content-pane.myportal { overflow-y: auto; }
        .content-pane.myportal h2 { float: none; padding: 20px 0 10px 5px; }

        .content-pane.myportal .popup-top-step h2 { text-align: center; color: white; margin: 0 auto; padding: 50px 0 30px 0; font-size: 2rem; }
            .content-pane.myportal  .popup-top-step p { clear: both; width: 95%; padding: 10px 0 10px 0; }
            .content-pane.myportal  .popup-top-step a { clear: both; width: 95%; padding: 10px 0 10px 0; font-size: 1.1rem; }
        
        .content-pane.myportal .dropdown-select-no-hide { width: 200px; }
            .content-pane.myportal .dropdown-select-no-hide .dropdown-select-content { width: auto; min-width: 180px; } 

.content-pane.myportal { float: left; min-width: 780px; left: 20%; margin: 0; padding: 0 0 0 30px; max-width: 100%; width: 96%; }

.content-pane.myportal .popup-top-step  { width: 22%; min-height: 175px; display: inline-block; margin: 8px; background-color: white; border-radius: 0; vertical-align: top; cursor: auto; }
.content-pane.myportal .divdoc  { min-height: 140px; }
.content-pane.myportal .popup-top-step  h2 { color: black }
.content-pane.myportal .popup-top-step  p { color: black; text-align: left; }
.content-pane.myportal .popup-top-step  p.titleComm { color: black; font-weight: 600; padding: 10px 0 0px 10px; overflow-wrap: break-word; }
.content-pane.myportal .popup-top-step  p.dateComm { color: #908a7e; padding: 0 0 5px 10px; font-size: 1rem; overflow-wrap: break-word; }
.content-pane.myportal .popup-top-step  p.infoComm { color: #6f6666; min-width: 90%; min-height: 80px; font-size: 1rem; line-height: 1.5rem; padding: 10px 10px 5px 13px; overflow-wrap: break-word; }
.content-pane.myportal .popup-top-step  p.infoCommDocs { color: #6f6666; min-width: 96%;  font-size: .9rem; line-height: 1.5rem; padding: 10px 0 15px 10px; overflow-wrap: break-word;}
.content-pane.myportal .popup-top-step  p.moreComm { color: #3791D6; cursor: pointer; padding: 0 0 15px 10px; font-size: 1rem; overflow-wrap: break-word; }
.content-pane.myportal .popup-top-step  a.moreComm { color: #3791D6; cursor: pointer; padding: 0 0 15px 10px; font-size: 1rem; overflow-wrap: break-word; }
.content-pane.myportal .popup-top-step img { width: 100%; height: 210px; }

.main-header.myportal img { width: 100px; float: left; position: absolute; right: 50px; top: 0px; }

/*PortalPhone*/
@media all and (max-width: 420px ){
    .main-header .main-header-content.myportal { width: 96%; max-width: 1250px; height: auto; overflow: auto; padding-left: 50px; display: flex; align-items: center; min-height: 80px; margin: unset; }

    .content-pane.myportal .popup-top-step  { width: 45%; min-height: 175px; display: inline-block; margin: 5px; background-color: white; border-radius: 0; vertical-align: top; }

.content-pane.myportal { text-align: center; min-width: 670px; margin: 0; max-width: 100%; left: 0%; padding: 0 0 0 0; }

.main-header.myportal { position: relative; display:block; width: 670px; height: auto; overflow: hidden; top: 50px; margin: 0 0 0 0; z-index: 900; transition: all .4s ease-in-out; }


.main-header .main-header-content.myportal img { position: relative; margin-left: auto; float: right; height: auto; max-width: 300px; max-height: 135px; z-index: 1000; display:block; }

.main-header .main-header-content.myportal p {  max-width: 500px; margin: 0; padding: 5px 20px 0 0; }
}

/* DOCS */
.grid-content.communication tr.conversation-title-docs td { padding: 15px 15px 15px 15px; color: white; font-weight:600; } 
a.fileDownload { color: #4183C4; cursor: pointer; }

/*----------------------------------------------------------------------GRAFICAS------------------------------------------*/
.generalGrph { display: inline-block; width: 75%; }
.generalGrph textarea { font-family: Arial, sans-serif; color: #555555; }
.generalGrph p.title { font-size: 1.5rem; font-weight: 500; }
.generalGrph .pdf-page { clear: both; position: absolute; left: 340px; margin: -20px auto; width:9in; min-height: 1000px; height: auto; padding: 0px 120px 0 10px;  }

.generalGrph .pdf-page.donutBack {   }
.generalGrph .content-graphs { width: 100%; height: auto; overflow: hidden; margin: 0; border-radius: 0; }
/*contenido*/  
.generalGrph .compare_ranges { padding-top: 80px; }
.generalGrph .pdf-page .range-scales { display: inline-block; width: 100%; height: 30px; padding: 0px 0 0 0; }
.generalGrph .pdf-page .range-scales p { float: left; width: 24%; height: 25px; padding: 0 15px 0 0; font-weight: 600; text-align: right; letter-spacing: -1px; }
.generalGrph .pdf-page .range-scales a { display: inline-block; width: 18%; height: 25px; line-height: 25px; margin: 0 1% 0 1% 0; text-align: center;  }
.generalGrph .pdf-page .range-scales.color-ref a { color: white; }
.generalGrph .pdf-page.results .range-scales { height: 30px; }
.generalGrph .pdf-page.results .range-scales p { width: 24%; }
.generalGrph .pdf-page.climate.explanation .title h4 { padding: 0; }
.generalGrph .pdf-page.climate.explanation .area { padding: 0 0 50px 0; }
.generalGrph .pdf-page.results p { width: 450px; }
.generalGrph .pdf-page.results p.bulleted {padding:0 0 0 30px;  line-height:18px;}        
.generalGrph .pdf-page.results .center {text-align:center;}
.generalGrph .pdf-page.results .center .areas {display:inline-block; margin:0 20px 0 20px; width:300px; height:250px; border-radius:10px; padding:0 0 0 0; opacity:.7;}
.generalGrph .pdf-page.results .center .areas h1 { color:white; font-size:20px; text-align:center; padding:15px 0 20px 0; }
.generalGrph .pdf-page.results .center .areas p { color:white; font-size:18px; text-indent:60px; text-align:left; }
.generalGrph .pdf-page.results .center .areas.strenght {background-color:green;}
.generalGrph .pdf-page.results .center .areas.opportunity {background-color:red;}
.generalGrph .pdf-page.details  { text-align: left; }
.generalGrph .pdf-page.details p { width: 450px; padding: 0 0 40px 0; }
.generalGrph .pdf-page.details h6 {  padding: 50px 0 0 0;  }
.generalGrph .pdf-page.details .justify { padding: 50px 0 5px 0; }
.generalGrph .pdf-page.details .justify h4 { padding: 0 0 20px 0; font-size: 1.2em; }
.generalGrph .pdf-page.details .justify p { padding: 0; margin: 0; }
.generalGrph .pdf-page.details .justify li { padding: 0 0 5px 0; }
.generalGrph .pdf-page.details .graph-grid { padding-top: 50px; }

/*grid-views*/
/*graficas*/
.generalGrph .pdf-grid-results { border: none ; width: 820px; }
.generalGrph .pdf-grid-results .bold { font-weight: 600; color: #555555; }
.generalGrph .pdf-grid-results tr { height: 23px; font-size: 0.9rem; }
.generalGrph .pdf-grid-results tr.area { font-weight: bold; font-size: 1rem; height: 40px; background-color: #ECECEC; } 
.generalGrph .pdf-grid-results tr.area.title { font-weight: bold; font-size: 1rem; height: 40px; background-color: transparent; }
.generalGrph .pdf-grid-results tr.area.double { height: 80px; }
.generalGrph .pdf-grid-results tr.div { background-color: white; }
.generalGrph .pdf-grid-results tr.div-area { height: 30px; }
.generalGrph .pdf-grid-results tr .column.bottom { vertical-align: bottom; }
.generalGrph .pdf-grid-results tr .column.top { vertical-align:top; }
.generalGrph .pdf-grid-results tr.labels .column { border: none; } 
.generalGrph .pdf-grid-results.details .question.bold { font-weight: 400; }
.generalGrph .pdf-grid-results.details .question.bottom { vertical-align: bottom; }
.generalGrph .pdf-grid-results.details .question.top { vertical-align:top; }
.generalGrph .pdf-grid-results.details .question.bottom .column { padding-bottom: 4px; }
.generalGrph .pdf-grid-results.details .question.top .column { padding-top: 4px; }
.generalGrph .pdf-grid-results.details tr.div { height: 10px; background-color: transparent; }
.generalGrph .pdf-grid-results.details tr.div .column { height: 10px; }
.generalGrph .pdf-grid-results.details tr.area { background-color: #d9d7d7; font-weight:500; height: 23px; font-size: .9rem; }
.generalGrph .pdf-grid-results.details tr.div.area { background-color: #ECECEC; height:10px; }
.generalGrph .pdf-grid-results.details tr.area.bold { font-weight:700; font-size: 1.2rem; }
.generalGrph .pdf-grid-results.details .column.bold { font-weight: 700; text-align: left; font-size: .9rem; }
.generalGrph .pdf-grid-results.details tr.legend { height: 16px; }
.generalGrph .pdf-grid-results.details tr.legend input  { margin: 10px 0 0 0; padding: 10px 0 0 0; }
.generalGrph .pdf-grid-results.details tr.labels { height: 16px; }
.generalGrph .pdf-grid-results.details tr.title { background-color: #999999; color: white; font-weight: bold; height: 40px; }
.generalGrph .pdf-grid-results.details tr.title .column.graph { border-color: #999999; }
.generalGrph .pdf-grid-results .column { text-align: center; padding: 0; margin: 0; border: none; height: 30px; }  
.generalGrph .pdf-grid-results .column.area { width: 255px;  text-align: left; padding: 0 0 0 10px;  }   
.generalGrph .pdf-grid-results .column.bold { font-weight: bold; }
.generalGrph .pdf-grid-results .area .column.question {  }
.generalGrph .pdf-grid-results .area .column.central { letter-spacing: 0.05em; }
.generalGrph .pdf-grid-results .column.question { width: 300px; text-align: left; padding: 0 15px 0 25px; }   
.generalGrph .pdf-grid-results .column.question.x3 { width: 450px; }  
.generalGrph .pdf-grid-results .column.question.x3 { width: 450px; }  
.generalGrph .pdf-grid-results .column.question.x4 { width: 400px; }  
.generalGrph .pdf-grid-results .column.question.x5 { width: 400px; }  
.generalGrph .pdf-grid-results .column.question.x6 { width: 390px; }   
.generalGrph .pdf-grid-results .column.hierarchical { width: 130px; text-align: left; }
.generalGrph .pdf-grid-results .column.hierarchical.x3 { width: 160px; }
.generalGrph .pdf-grid-results .column.hierarchical.x4 { width: 160px; }
.generalGrph .pdf-grid-results .column.hierarchical.x5 { width: 160px; }
.generalGrph .pdf-grid-results .column.hierarchical.x6 { width: 160px; }
.generalGrph .pdf-grid-results .column.central {  font-size: 0.9rem; width: 50px; }    
.generalGrph .pdf-grid-results tr.title .column.central { font-size: 10px; border: none; text-align: center; pointer-events: none; } 
.generalGrph .pdf-grid-results .column.favorable { color: #32C283; }
.generalGrph .pdf-grid-results .column.neutral { color: #555555; }
.generalGrph .pdf-grid-results .column.unfavorable { color: #E45B3B; }
.generalGrph .pdf-grid-results .column.difference { font-size: 0.9rem; width: 55px; text-align: left; padding: 0 0 0 5px; border: none; }
.generalGrph .pdf-grid-results .column img { width: 20px; height: 20px; }
.generalGrph .pdf-grid-results .column.div { width: 10px; border: none; max-width: 15px; }
.generalGrph .pdf-grid-results.comparison {  margin: 0; width: 900px; }
.generalGrph .pdf-grid-results.comparison.no-auto { width: 500px;}
.generalGrph .pdf-grid-results.comparison.no-dif { width: 719px; }

.generalGrph .pdf-grid-results.comparison .column.question { width: 170px; color: #555555; text-align: right; }
.generalGrph .pdf-grid-results.comparison.no-auto .column.question { width: 380px; max-width: 380px; }
.generalGrph .pdf-grid-results.comparison .column.graph {}
.generalGrph .pdf-grid-results.comparison tr.x3 .column.graph { width: 90px; min-width: 90px; max-width: 90px; }  
.generalGrph .pdf-grid-results.comparison tr.x4 .column.graph { width: 67.5px; min-width: 67.5px; max-width: 67.5px; }  
.generalGrph .pdf-grid-results.comparison tr.x5 .column.graph { width: 54px; min-width: 54px; max-width: 54px; }  
.generalGrph .pdf-grid-results.comparison.no-auto tr.x5 .column.graph { width: 98px; min-width: 98px; max-width: 98px; }
.generalGrph .pdf-grid-results.comparison tr.x6 .column.graph { width: 45px; min-width: 45px; max-width: 45px; }   
.generalGrph .pdf-grid-results.comparison tr.x3 .column.graph.dif { width: 63.3px; min-width: 63.3px; max-width: 63.3px; }  
.generalGrph .pdf-grid-results.comparison tr.x4 .column.graph.dif { width: 50px; min-width: 50px; max-width: 50px; }  
.generalGrph .pdf-grid-results.comparison tr.x5 .column.graph.dif { width: 38px; min-width: 38px; max-width: 38px; }  
.generalGrph .pdf-grid-results.comparison tr.x6 .column.graph.dif { width: 31.6px; min-width: 31.6px; max-width: 31.6px; }
.generalGrph     
.generalGrph .pdf-grid-results.comparison tr.x5.percentage .column.graph.dif { width: 54px; }  
.generalGrph .pdf-grid-results.details.comparison .column.graph .bar { height: 18px; margin: -12px 0 0 0; }
.generalGrph .pdf-grid-results.details.comparison .column.graph input { background-color: transparent; text-align: left; padding: 0; margin: -11px 0 0 0; } 
.generalGrph .pdf-grid-results.details.comparison .column.graph input.inside { background-color: transparent; text-align: right; width: 50px; } 
.generalGrph .pdf-grid-results.comparison .column.graph.dif input { padding: 0; } 
.generalGrph .pdf-grid-results.comparison th.column.graph { border: none; height: 45px; }  
.generalGrph .pdf-grid-results.details.comparison th.column.graph input { width: 220px; height: 30px; text-align: center; color: #555555; font-size: 1rem; font-weight: 700; padding: 0; margin-top: -15px; } 
.generalGrph .pdf-grid-results.details.comparison tr .color-range.column.graph input { margin: 11px 0 0 0; }
.generalGrph .pdf-grid-results.comparison .column.div { width: 15px; border: none; max-width: 15px; } 
.generalGrph .pdf-grid-results.comparison .percentage .column.div { width: 30px; } 
/*improve*/
.generalGrph .pdf-grid-results.improve { margin: 20px 0 0 -100px; width: 1028px; } 
.generalGrph .pdf-grid-results.improve th { border: none; }
.generalGrph .pdf-grid-results.improve th.column.graph { border-left: none; border-right: none; border-bottom: 1px solid #D9D9D9; }
.generalGrph .pdf-grid-results.improve td { border: none; text-align: center; }
.generalGrph .pdf-grid-results.improve .column.question { width: 251px; text-align: right; } 
.generalGrph .pdf-grid-results.improve tr.favorable .column.question { color: #3BB273; }
.generalGrph .pdf-grid-results.improve tr.unfavorable .column.question { color: #EA7466; }
.generalGrph .pdf-grid-results.improve tr .relation { border: 1px solid #D9D9D9; padding: 0; } 
.generalGrph .pdf-grid-results.improve tr th.relation { text-align: center; font-weight: 400; border: none; padding: 0; } 
.generalGrph .pdf-grid-results.improve tr .footer.relation { border: none; }
.generalGrph .pdf-grid-results.improve tr th.relation p { width: 95%; text-align: center; margin: 0 auto; line-height: 20px; overflow-wrap: break-word; hyphens:auto; font-size: .8rem; font-weight: 700; } 
.generalGrph .pdf-grid-results.improve tr th.relation p.title { position: absolute; text-align: center; font-size: 1rem; margin-top: -30px; }
.generalGrph .pdf-grid-results.improve tr.c2 th.relation p.title { width: 325px; }
.generalGrph .pdf-grid-results.improve tr.c3 th.relation p.title { width: 340px; }
.generalGrph .pdf-grid-results.improve tr.c4 th.relation p.title { width: 360px; }
.generalGrph .pdf-grid-results.improve tr.c5 th.relation p.title { width: 390px; }
.generalGrph .pdf-grid-results.improve tr.c2 .relation { width: 162px; min-width: 162px; max-width: 162px;  }
.generalGrph .pdf-grid-results.improve tr.c3 .relation { width: 108px; min-width: 108px; max-width: 108px; }
.generalGrph .pdf-grid-results.improve tr.c4 .relation { width: 81px; min-width: 81px; max-width: 81px; }
.generalGrph .pdf-grid-results.improve tr.c5 .relation { width: 75px; min-width: 75px; max-width: 75px; } 
.generalGrph .pdf-grid-results.improve tr .column.graph { border-bottom: 1px solid #D9D9D9; }
.generalGrph .pdf-grid-results.improve tr.x3 .column.graph { width: 150px; }  
.generalGrph .pdf-grid-results.improve tr.x4 .column.graph { width: 112.5px; }  
.generalGrph .pdf-grid-results.improve tr.x5 .column.graph { width: 83px; }  
.generalGrph .pdf-grid-results.improve tr.x6 .column.graph { width: 75px; }  
.generalGrph .pdf-grid-results.details.improve .column.graph .bar { height: 18px; margin: -12px 0 0 0; }
.generalGrph .pdf-grid-results.details.improve .strengh .color-range.column.graph .bar { margin: -20px 0 0 0; }
.generalGrph .pdf-grid-results.improve .column.div { width: 15px; border: none; max-width: 15px; } 
/*performance*/
.generalGrph .pdf-page.details.performance .pdf-grid-results tr { font-size: 1rem; }
.generalGrph .pdf-grid-results.details tr.goal { font-weight: 700; }
.generalGrph .pdf-grid-results.details tr.div-goal { height: 50px; }
.generalGrph .pdf-grid-results.details tr.div-title { height: 10px; background-color: #ECECEC; }
.generalGrph .pdf-grid-results.details tr.goal-title { font-weight: 700; background-color: #ECECEC; height: 50px; }
.generalGrph .pdf-grid-results.details tr.goal { background-color: #ECECEC; height: 80px; vertical-align: top; }
.generalGrph .pdf-grid-results.details tr.action-title { font-weight: 700; height: 40px; vertical-align: bottom; }
.generalGrph .pdf-grid-results.details tr.goal .column.graph .bar { height: 20px; }
.generalGrph .pdf-grid-results.details tr.goal .column.graph input { margin: -4px 0 0 0; }
.generalGrph .pdf-grid-results tr.comments-title .column .comments-div { height: auto; width: 850px; }  
.generalGrph .pdf-grid-results tr.comments-title .column p { float: left; width: 47%; padding: 10px 0 0 25px; text-align: left; font-weight: 700; font-size: 1rem; }
.generalGrph .pdf-grid-results tr.comments .column .comments-div { width: 850px; border: none; height: auto; }
.generalGrph .pdf-grid-results tr.comments .column p { float: left; width: 46%; white-space: pre-wrap; padding: 10px 5px 0 25px; text-align: left; vertical-align: top; font-size: 1rem; height: auto; line-height: 1.1rem; }
.generalGrph .performance .pdf-grid-results tr.labels .column.graph textarea { font-size: .6rem; } 
.generalGrph .pdf-grid-final-results { padding: 200px 0; margin: 0 auto; width: 800px; }
.generalGrph .pdf-grid-final-results tr { height: 45px; border-top: none; }
.generalGrph .pdf-grid-final-results th { background-color: white; color: #555555; text-align: center;  }
.generalGrph .pdf-grid-final-results .column { text-align: center; border: 1px solid #E9EBEE; color: white; }
.generalGrph .pdf-grid-final-results .column.results { background-color: #8D8E90; }
.generalGrph .pdf-grid-final-results tr:hover { background-color: transparent; }
.generalGrph .pdf-grid-results .column.graph { text-align: left; border-left: solid 1px #D9D9D9; border-right: solid 1px #D9D9D9; vertical-align: central; }
.generalGrph .pdf-grid-results .column.graph.x3 { width: 95px; }
.generalGrph .pdf-grid-results .column.graph.x4 { width: 80px; }
.generalGrph .pdf-grid-results .column.graph.x5 { width: 60px; }
.generalGrph .pdf-grid-results .column.graph.x6 { width: 57px; }
.generalGrph .pdf-grid-results tr.header .column.graph { border: none; }  
.generalGrph .pdf-grid-results tr.area.title .column.graph { border: none; }
.generalGrph .pdf-grid-results tr.sample .column.graph { border: none; }
.generalGrph .pdf-grid-results tr.footer .column.graph { border-bottom: solid 1px #D9D9D9; }  
.generalGrph .pdf-grid-results tr.legend .column { border-left: none; border-right: none; border-bottom: none; text-align: left; background-color: transparent;  } 
.generalGrph .pdf-grid-results tr.legend .column.graph .text { width: 90px; border: none; padding: 0 0 0 5px; background-color: transparent; text-align: center; vertical-align: middle; text-decoration: none; height: 30px; font-size: 13px; color: #777777; margin: 0 0 0 10px; position: absolute; }   
.generalGrph .pdf-grid-results tr.legend.border .column.graph { border-top: solid 1px #D9D9D9; }
.generalGrph .pdf-grid-results tr.labels .column.graph .text { width: 90px; border: none; padding: 0 0 0 5px; background-color: transparent; text-align: center; vertical-align: middle; text-decoration: none; height: 30px; font-size: 11px; color: #555555; margin: 0 0 0 10px; position: absolute; }   
.generalGrph .pdf-grid-results tr.labels .column { border-left: none; border-right: none; border-bottom: none; background-color: transparent;  }                    
.generalGrph .pdf-grid-results tr.labels.border .column.graph { border-top: solid 1px #D9D9D9; }
.generalGrph .pdf-grid-results .column.graph input { font-size: 0.8rem; font-weight: 500; color: #555555; margin: 0;  border: none; padding: 2px 0 0 5px; position: absolute; pointer-events: none; text-decoration: none; height: 15px; vertical-align: middle; background-color: transparent; width: 80px; }
.generalGrph .pdf-grid-results.details .question.column.graph input { padding: 0 0 0 5px; margin: -6px 0 0 0; }
.generalGrph .pdf-grid-results.details .column.graph input { padding: 0 0 0 5px; margin: -11px 0 0 0; }
.generalGrph .pdf-grid-results .legend .column.graph input { padding: 0 0 0 5px; margin: 0px 0 0 0; }
.generalGrph .pdf-grid-results .labels .column.graph input { padding: 0 0 0 5px; margin: 0px 0 0 0; }
.generalGrph .pdf-grid-results .column.graph input.inside { color: white; }
.generalGrph .pdf-grid-results .column.graph input.event { font-size: .8rem; color: white;  }         
.generalGrph .pdf-grid-results tr.labels .column.graph input { text-align: center; font-size: .7rem; padding: 0; margin-left: 0; } 
.generalGrph .pdf-grid-results tr.labels .column.graph textarea { text-align: center; font-size: .7rem; padding: 0 5px 0 5px; margin-left: 0; height:60px; max-height: 60px; width: 55px; border: none; resize: none;  overflow: hidden; word-wrap:normal; } 
.generalGrph .pdf-grid-results .column.graph .bar { height: 20px; display:inline-block; vertical-align:central; position: absolute; margin: -12px 0 0 0; float: left; }
.generalGrph .pdf-grid-results .column.graph .bar.opacity { opacity: .6; }
.generalGrph .pdf-grid-results.details .column.graph .bar { height: 25px; margin: -16px 0 0 0;  }
    .generalGrph .pdf-grid-results.details .color-range .column.graph .bar { height: 15px; margin: -3px 0 0 0;  }
.generalGrph .pdf-grid-results .column.graph.bottom .bar { margin: -3px 0 0 0; }
.generalGrph .pdf-grid-results .column.graph.top .bar { margin: -6px 0 0 0; }         
.generalGrph .pdf-grid-results .column.graph .bar.red { background-color: #D23653; opacity: 0.8; }
.generalGrph .pdf-grid-results .column.graph .bar.yellow { background-color: #E3D23A; opacity: 0.8; }
.generalGrph .pdf-grid-results .column.graph .bar.blue { background-color: #3287C2; opacity: 0.8; }
.generalGrph .pdf-grid-results .column.graph .bar.green { background-color: #32C283; opacity: 0.8;  }
.generalGrph .pdf-grid-results tr.color-range .column { height: 15px; padding: 0; }
.generalGrph .pdf-grid-results tr.color-range .column.graph { border-bottom: solid 1px #D9D9D9; }  
.generalGrph .pdf-grid-results .color-range.column.graph .bar { margin: -5px 0 0 0; }
.generalGrph .pdf-grid-results .color-range.column.graph input { margin: 18px 0 0 0; }        
.generalGrph .pdf-grid-results .color-range.relation { border: none; }
.generalGrph .pdf-grid-results.improve .color-range.column.graph { border: none; }
.generalGrph .pdf-grid-results.improve .color-range.column.graph .bar { margin: -23px 0 0 0; }
.generalGrph .pdf-grid-results.improve .color-range.column.graph input { margin: 5px 0 0 0; } 

/*css-donas*/
.generalGrph .donut-div { display: inline-block; width: 100%; padding: 0px 0px 0px 0px; }
.generalGrph .donut-container { float: left; width: 25%; margin: 0 auto; }
.generalGrph .pdf-page.results .donut-container p { font-weight: 500; font-size: 1.4rem; text-align: center; width: 100%; color: #555555; margin-top: -20px; }
.generalGrph .pdf-page.results .donut-container p.donut-legend { position: relative; top: 100px; font-weight: 700; font-size: 1.8rem; z-index: 1; }
.generalGrph .pdf-page.results.linde .donut-container { padding: 0 90px 0 0; }
.generalGrph .donut { width: 90%; height: 90%; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); margin-top: -10px; }
.generalGrph .donut-circle { fill: transparent;  }
.generalGrph .donut-circle.hole { fill: transparent; }
.generalGrph .donut-circle.ring { fill: transparent; stroke: #d2d3d4; stroke-width: 4.5;  }
.generalGrph .donut-circle.segment { fill: transparent; stroke-width: 4.5; }
/*donas*/
.generalGrph .doughnut-graph { padding: 0; margin:0; width: 40%; text-align: left;   }
.generalGrph .doughnut-graph canvas { width:100%; margin: -30px 0 0 0; }
/*normal*/
.generalGrph .normal { margin-top: 40px; padding-bottom: 50px; } 
.generalGrph .normal p { font-weight: 500; font-size: 1.4rem; text-align: left; width: 100%; color: #555555; }

.generalGrph .hide { visibility: hidden; display: none; }
.generalGrph .hide1 { visibility: hidden; height: 1px; }
.generalGrph .align-graph { width: 70%; margin: 10px auto; float: left; }

 .contentFilters { clear: both; cursor: default; font-size: .95em; width: 20%; padding: 0px 0px 0 30px; min-width: 230px; }
 .contentFilters .content-Items { width: 100%; display: inline-block; float: left; padding: 0px 0px 10px 0px; }
    .contentFilters .content-Items p { padding: 0px 0px 0px 0px; float: left; width: 100%; }
    .contentFilters .content-Buttons { height: 30px; }
    .contentFilters .content-Row .content-Buttons a.button { padding: 10.2px 15px; } 

.table-list-reviewers .content-select-actions { display: inline-block; width: 100%; padding: 0px 0px 0px 30px;}
.table-list-reviewers .content-select-actions.selectorActions{ padding: 0px 0px 0px 20px;}
.table-list-reviewers .content-select-actions .content-select { display: inline-block; padding: 0px 5px 0px 0px; }
.table-list-reviewers .content-select-actions .content-select select { min-width: 145px; }
 .reviewees .dropdown { display: inline-block; padding: 0 30px 0 0; width: 200px; cursor: pointer; }
.reviewees .dropdown:hover { background-color: #333333; }  
        
.reviewees .dropdown a { padding: 0 0 0 10px; }
    .reviewees .dropdown a:hover { background-color: transparent; }    
    .reviewees .dropdown a.dropdown-right { font-size: 1.5rem; float: right; }
                
.reviewees .dropdown .dropdown-content { display: none; position: fixed; background-color: #f9f9f9; width: 100%; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); max-width: 230px; }
.reviewees a.button.white { border: 0px; }

    .reviewees .dropdown-content a { width: 100%; height: 28px; line-height: 25px; display: block; text-align:left; padding: 6px 6px 6px 19px; color: #555555; }
        
        .reviewees .dropdown-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }                
        .reviewees .dropdown-content a.hide { display: none; visibility: hidden;}                
        .reviewees .dropdown.active .dropdown-content { display: block; position: fixed;  }
        .reviewees .dropdown-content a.division { border-bottom: solid 1px #D9D9D9; height: 0; padding: 0; margin:0; }

.reviewees .submenu-click { display: inline-block ; cursor: pointer; width:100%; margin: 0 0 -5px 0; }
    .reviewees .submenu-click:hover { background-color: #f9e0d0; } 
    .reviewees .submenu-click a { padding: 6px 6px 6px 3px; width:90% }
    .reviewees .submenu-click a:hover { background-color: transparent; }
    .reviewees .submenu-content { display: none; position: absolute; margin: -45px 0 0 230px; background-color: #f9f9f9; width:200px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10000; max-height: 400px; overflow: scroll; }
    .reviewees .submenu-content a { color: #555555; text-decoration: none; display: block; text-align:left; height: 25px; width:180px; padding: 6px 6px 6px 16px; }
        .reviewees .submenu-content a:hover { background-color: #f9e0d0; transition: visibility 0s .5s; }
        .reviewees .submenu-content a.hide {display:none; visibility:hidden;}
        .reviewees .submenu-click.active .submenu-content { display: block; position: fixed;  }
                
        .reviewees .submenu-click.hide { display: none; }

    .reviewees a.submenu-left { float: left; width:5px; }

/*results graph*/
.content-advance-graphs .donut-div { display: inline-block; width: 100%; text-align: center; }
    
    .content-advance-graphs .donut-div canvas { margin-top: 10px; }
.content-advance-graphs .bar-graph { width: 99%; padding-top: 0px; padding-bottom: 60px; }
.content-advance-graphs .bar-graph p { font-weight: 600; text-align: center; font-size: 1.7rem; width: 100%; padding-top: 10px; padding-bottom: 15px; }


   div.infobox{ position: absolute; display: inline-block; width: 190px; height: 85px; background-color: white; border: .08em solid rgb(185,185,185); border-radius: 10px; background-color:#e9e9e9; }


   .chevronImg { width: 15px; height: 100%; }