@font-face {
    font-family: formoid;
    src:url('formoid.eot');
    src:url('formoid.eot?#iefix') format('embedded-opentype'),
        url('formoid.ttf') format('truetype'),
        url('formoid.woff') format('woff'),
        url('formoid.svg#formoid') format('svg');
    font-weight: normal;
    font-style: normal;
}

.toplevel_page_Aprendo{
    background: #fff;
}

#wpwrap{
    background: #fff;
}

.ap_wrap h2{
    text-transform: uppercase;
}

.ap_wrap h3{
    font-size: 1.2em;

}

.ap_wrap *{
    -webkit-box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    box-sizing: content-box !important;
}

.ap_wrap p{
    font-size: 13px;
}

.ap_wrap .ap_letra {
    color: #525174 !important;
}

/**********************************CHARTS**************************************/
.apChart{
    text-align: center;
    margin: 0;
}

.apChart span{
    /*width: 1060px !important;*/
    
}

/*********************************Menu Bar*************************************/

#nav ul .navactive {
    color:#FFF;
    border-bottom:5px solid #fff;
}


#nav {
    width:100%; 
    display:block;
    background-color: #525174;
    /*background-color:#456990;*/
    /*background-color:#525174;*/
    height:75px;
}

#nav ul {
    padding:0;
    margin:0;
    list-style: none;
    position: relative;
}

#nav ul:After {
    content: "";
    display:block;
    clear:both;
}	 

#nav ul li {
    display:list-item;
    list-style: none;
    float:left;
    /*background-color:#64abfb;*/
    /*background-color:#525174;*/
    margin: 0;
    height:75px;
    background-color: #525174;
    /*background-color: #456990;*/
    /*     background-color: #247BA0; 
        background-color: #F25F5C;
        background-color: #8D99AE;
        background-color: #EF233C;
        background-color: #007EA7;
        background-color: #F25F5C;*/
}

/*icon size*/
#nav ul li i {
    font-size:25px;
    width:30px;
} 

#nav ul li a {
    display:block;
    padding: 10px 15px;

    color:#FFF;
    /*font-size:14px;*/
    font-size: 12px;
    text-decoration:none;
    /*font-family: 'Bree Serif', 'serif';*/
    text-align:center;
    height:44px;
    text-transform: uppercase;
}

#nav li:hover { 
    /*opacity: 0.9  !important;*/   
}

#nav li a:hover {
    border-bottom:5px solid #fff;
    opacity: 0.9;
} 



/* The Dropdown Styles */
/* =================== */

/* Hide Dropdowns by Default */
#nav ul ul {
    display: none;
    position: absolute; top: 69px;
    z-index: 999;
}

/* Display Dropdowns on Hover */
#nav ul li:hover > ul {
    display:list-item ;

}

/* Fisrt Tier Dropdown */
#nav ul ul li {
    width:270px;
    float:none;
    position: relative;
    border-bottom:none;
    margin: 0;
    height:50px;

}

#nav ul ul li i {
    margin-right:10px;
}

#nav ul ul li a {
    padding:10px 15px;
    text-align:left; 
    height:25px;
    text-transform: uppercase;
}

/* Second, Third and more Tiers */
nav ul ul ul li {
    position: relative;
    top:-69px; 
    left:270px;
    /*width:700px !important;*/
}

#nav li > a:after { content: ' >>'; }

#nav > li > a:after {content: ' >>'; }

#nav li > a:only-child:after {content: ''; }  

/* Display Dropdowns on Hover */
#nav ul li ul li:hover > ul {
    display:list-item ;
}

/*************************BOTONES**********************************************/
.ap_wrap button[type=submit]:hover,
.ap_wrap button[type=image]:hover,
.ap_wrap button[type=button]:hover {
    opacity: 0.8;
}

.ap_wrap input[type=file]{
    background-color: #9796ab !important;
    color: #fff !important;
    border: none !important;
}

.ap_wrap button[type=submit], 
.ap_wrap button[type=image], 
.ap_wrap button[type=button],
.ap_wrap input[type=file], 
.ap_wrap .element-file .button {
    border: 1.5px solid #989830;
    font-weight: 600;
    /*    background-color: #C33F22;
        background-color: #f25f5c;*/
    background-color: #eee;
    /*    background-color: #EF233C;
        background-color: #989830;*/
    font-size: 11px;
    text-align: center;
    opacity: 1;
    color: #989830;
    /* right: 20px; */
    padding: 0.6em 1.2em;
    /* margin-right: 10px; */
    text-transform: uppercase;
    display: -moz-inline-box;
    display: inline-block;
    cursor: pointer;
    /*border: none;*/
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-family: inherit;
    resize: none;
    border-radius: 4px;
    box-sizing: border-box;
}

.ap_wrap button[type=submit]:disabled, 
.ap_wrap button[type=image]:disabled, 
.ap_wrap button[type=button]:disabled{
    opacity: 0.6 !important;
}

/*******************************INPUT FIELDS¨********************************/

.ap_wrap select,
.ap_wrap input[type=text],
.ap_wrap input[type=password],
.ap_wrap textarea{
    font-size: 13px;
    border: 1px solid #525174;
    /*width: 120px;*/
    border-radius: 4px;

    /*overflow: hidden;*/
    /*padding: 5px 8px;*/
    /*width: 130%;*/
    /*border: none;*/
    box-shadow: none;
    background: #ffffff;
    background-image: none;
    /*-webkit-appearance: none;*/
}

.ap_wrap select:focus {
    outline: none;
}

.ap_wrap select:hover{
    cursor: pointer;
}
/******************CHECKBOX***********************RADIO************************/

.ap_wrap input[type=checkbox]{
    z-index: 1;
    position: absolute;
    float: left;
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    opacity: 0.01;
    margin: 0;
    cursor: pointer;
    border: 1px solid #b4b9be;
    background: #fff;
    color: #555;
    clear: none;
    cursor: pointer;
    display: inline-block;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    text-align: center;
    vertical-align: middle;
    min-width: 16px;
    -webkit-appearance: none;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    -webkit-transition: .05s border-color ease-in-out;
    transition: .05s border-color ease-in-out;
}

.ap_wrap input[type="checkbox"] + span {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.ap_wrap input[type="checkbox"]:checked + span::before{
    color: #ffffff !important;
}

.ap_wrap input[type="checkbox"] + span::before {
    content: "\e004";
}

.ap_wrap input[type="checkbox"] + span::before{
    position: relative;
    display: inline-block;
    font-family: formoid;
    margin-right: 0.5em;
    width: 1.35em;
    height: 1.35em;
    color: transparent;
    font-size: 1em;
    line-height: 1.55;
    background: #46506a;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.ap_wrap input[type="checkbox"]:disabled + span::before {
    opacity: 0.6 !important;
}

.ap_wrap input[type="checkbox"].apChbxDisabled + span::before{
    opacity: 0.6 !important;
}

.ap_wrap input[type="checkbox"].apCHKBXHidden + span::before{
    display:none;
}

.ap_wrap input[type="checkbox"].apCHKBXHidden + span, .ap_wrap input[type=checkbox].apCHKBXHidden {
    cursor:default !important;
}

.ap_wrap input[type="radio"] {
    z-index: 1;
    position: absolute;
    float: left;
    width: 1.5em;
    height: 1.5em;
    font-size: 1em;
    opacity: 0.01;
    margin: 0;
    cursor: pointer;
}

.ap_wrap input[type="radio"] + span {
    position: relative;
    cursor: pointer;
    font-size: 14px;
}

.ap_wrap input[type="radio"] + span::before, .ap_wrap input[type="radio"] + span::after {
    content: '\e005';
    border-radius: 50%;
}

.ap_wrap input[type="radio"] + span::before, .ap_wrap input[type="radio"] + span::after {
    position: relative;
    display: inline-block;
    font-family: formoid;
    margin-right: 0.5em;
    width: 1.5em;
    height: 1.5em;
    color: transparent;
    font-size: 1em;
    line-height: 1.55;
    background: #46506a;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ap_wrap input[type="radio"] + span {
    cursor: pointer;
}

.ap_wrap input[type="radio"]:checked + span::after {
    background: #ffffff !important;
}

.ap_wrap input[type="radio"] + span::after {
    width: 0.65em;
    height: 0.65em;
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0.45em;
    margin-top: 0.35em;
    border-radius: 50%;
}

.ap_wrap input[type="radio"] + span::before, .ap_wrap input[type="radio"] + span::after {
    content: '\e005';
    border-radius: 50%;
}

.ap_wrap input[type="radio"]:disabled + span::before, .ap_wrap input[type="radio"]:disabled + span::after  {
    opacity: 0.6 !important;
}
/*************************************DATEPICKER***************************/
#ui-datepicker-div, .ui-state-default, .ui-state-hover{
    border: 1px solid #525174 !important;
}
#ui-datepicker-div{
    background: #9796ab !important;
}

.ui-state-hover{
    opacity: 0.8 !important;
    background: #989830 !important;
}

.ui-widget-header {
    background: #525174 !important;
    color: #fff !important;
}

.ui-datepicker td a.ui-state-default{
    background: #525174;
    color: #fff !important;
}

.ui-datepicker td a.ui-state-active{
    background: #989830 !important;
}

.ap_wrap input.custom_date{
    cursor: pointer;
}

.ui-widget-content {
    color: #fff !important;
}

.ui-datepicker td a{
    text-align: center !important;
}

.ui-datepicker-prev, .ui-datepicker-next{
    cursor: pointer;
}


/********************************TABLE**************************************/
.ap_wrap table.tableTH tr:first-child th{
    background-color: #525174;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    /*width: auto;*/
    font-family: Open Sans, sans-serif;
    border-top: 2px solid #525174;
    border-bottom: 1px solid #525174;

    padding: 5px 0 5px 0;
}

.ap_wrap table.tableTH tr:first-child th.apTHSubPF{
    border-left: 1px solid #9796ab;
    border-right: 1px solid #9796ab;
}

.ap_wrap table.tableTH tr:first-child th:first-child {
    border-radius: 6px 0 0 0;
    border-left: 2px solid #525174;
    border-right: 0px solid #525174;
}

.ap_wrap table.tableTH tr:first-child th:last-child {
    border-radius: 0 6px 0 0;
    border-right: 2px solid #525174;
    border-left: 0px solid #525174;
}

.ap_wrap table.tableTH tr:first-child th:only-child{
    border-radius: 6px 6px 0 0;
    border-left: 2px solid #525174;
    border-right: 2px solid #525174;
    /*border: 1px solid #525174;*/
}

.ap_wrap table.tableTH tr:first-child td{
    border-top: 2px solid #525174;
}

.ap_wrap table.tableTH td{
    font-size: 12px;
    text-align: center;
    /*width: auto;*/
    font-family: Open Sans, sans-serif;
    border-top: 1px solid #525174;
    border-bottom: 1px solid #525174;
    padding-top: 5px;
    padding-bottom: 5px;
}

.ap_wrap table.tableTH td:first-child {
    border-left: 2px solid #525174;
}

.ap_wrap table.tableTH td:last-child {
    border-right: 2px solid #525174;
}

.ap_wrap table.tableTH td:only-child{
    border-left: 2px solid #525174;
    border-right: 2px solid #525174;
}

.ap_wrap table.tableTH tr:last-child td{
    border-bottom: 2px solid #525174;
}

.ap_wrap table.tableTH{
    border-radius: 6px 6px 0 0;
    border-spacing: 0; 
    border-collapse: inherit !important;
}

.ap_wrap th{
    background-color: #525174;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    width: auto;
    font-family: Open Sans, sans-serif;
    border-top: 1px solid #525174;
    border-bottom: 1px solid #525174;
    border-left: 2px solid #525174;
    border-right: 2px solid #525174;
    padding: 5px 0 5px 0;
}

.ap_wrap table.tableNoBorders td{
    border:0 !important;
    border-top: 0px !important;
    border-right:0px !important;
    border-bottom: 0px !important;
    border-left:0px !important;
}

.ap_wrap table.tableAllTdAlignLeft td{
    text-align: left !important;
}

.ap_wrap table.tableTH th.apTHSubPF{
    background-color: #9796ab !important;
}

.ap_wrap table.tableNoBorders td{
    padding: 1px !important;
}

.ap_wrap table td{
    border:0;
}

.ap_wrap table.divsNumbers{
    width: auto;
}

.alignLeft{
    text-align: left !important;
    /*font-size: 16px !important;*/

}

/**********************************DIVS FOR MESSAGES*************************/
.info_msg, .success_msg, .warning_msg, .error_msg {
    border: 2px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 5px;
}

.success_msg {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../images/KnobValidGreen.png');
}

.info_msg {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/KnobMessage.png');
}

.warning_msg {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../images/warning.png');
}
.error_msg {
    color: #D63301;
    background-color: #FFCCBA;
    background-image: url('../images/KnobAttention.png');
    /*background-image: url();*/
}


/**********************************ACCORDION***********************************/
.apDivAccordion{
    padding: 10px 15px;
    border-left: 2px solid #525174;
    border-right: 2px solid #525174;
    border-bottom: 2px solid #525174;
}

.ap_wrap .accordion * {
    box-sizing: border-box;
    /*font-family: 'Open Sans', sans-serif;*/
}

.ap_wrap .accordion p {
    font-size: 1.1em;
    margin: 1em 0;
}
.ap_wrap .description {
    margin: 1em auto 2.25em;
}

.ap_wrap .accordion h1 {
    font-family: 'Pacifico', cursive;
    font-weight: 400;
    font-size: 2.5em;
}
.ap_wrap ul.accordion  {
    list-style: none;
    padding: 0;
}
.ap_wrap ul.accordion .inner {
    /*padding-left: 1em;*/
    overflow: hidden;
    display: none;
}

.ap_wrap ul.accordion .inner.show {
    /*display: block;*/
    /*border-left: 5px solid #525174;*/
}

.ap_wrap ul.accordion  li {
    /*margin: .5em 0;*/
    margin-bottom: 0px;
}

.ap_wrap ul.accordion li a.toggle {
    /*width: 100%;*/
    display: block;
    text-decoration: none;
    /*background: rgba(0, 0, 0, 0.78);*/
    /*color: #fefefe;*/

    /*border-radius: 0.15em;*/
    transition: background .3s ease;
    /*border: 2px solid #525174;*/
    border-style:none;
    background: #525174;
    background-color: #525174;
    color: #fff;
    padding-left: 15px;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
}

.ap_wrap ul.accordion li a.toggle2 {
    background: #9796ab;
    background-color: #9796ab; 
}

.ap_wrap ul.accordion li a.toggle:hover {
    /*background: rgba(0, 0, 0, 0.9);*/
    /*background: #003545;*/
    border-left: 5px solid #989830;
    /*color: #ffffff !important;*/
    opacity: 0.9;
}


/*****************************SIDEBARMENU**************************************/
#adminmenu li.current a.menu-top, #adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, .folded #adminmenu li.current.menu-top {
    color: #fff;
    /*background: #e14d43;*/

    background: #989830 !important;
}


/****************************NUMBERS OF QUESTIONS WITH COLORS*******************/
.questionNotAnswered, able tr td .questionNotAnswered{
    border: 2px solid #525174;
    margin: 10px 0px;
    padding:5px 5px 5px 5px;
    /*  width: 10 px;*/
    /*  background-repeat: no-repeat;
      background-position: 10px center;*/
    text-align: center;
    color: #000000;
    background-color: #FFFFFF;
    cursor: pointer;
    border-radius:5px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 20px;
}

.questionToUpdate, able tr td .questionToUpdate{
    border: 2px solid #525174;
    margin: 10px 0px;
    padding:5px 5px 5px 5px;
    /*  width: 10 px;*/
    /*  background-repeat: no-repeat;
      background-position: 10px center;*/
    text-align: center;
    color: #00529B !important;
    background-color: #BDE5F8 !important;
    cursor: pointer;
    border-radius:5px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 20px;
}

.questionAnswered, able tr td .questionAnswered{
    border: 2px solid #525174;
    margin: 10px 0px;
    padding:5px 5px 5px 5px;
    /*  width: 10 px;*/
    /*  background-repeat: no-repeat;
      background-position: 10px center;*/
    text-align: center;
    color: #9F6000;
    background-color: #FEEFB3;
    cursor: pointer;
    border-radius:5px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 20px;
}

.questionMustBeAnswered, able tr td .questionMustBeAnswered{
    border: 2px solid #525174;
    margin: 10px 0px;
    padding:5px 5px 5px 5px;
    /*  width: 10 px;*/
    /*  background-repeat: no-repeat;
      background-position: 10px center;*/
    text-align: center;
    color: #D63301;
    background-color: #FFCCBA;
    cursor: pointer;
    border-radius:5px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 20px;
}

.questionOk, able tr td .questionOk{
    border: 2px solid #525174;
    margin: 10px 0px;
    padding:5px 5px 5px 5px;
    /*  width: 10 px;*/
    /*  background-repeat: no-repeat;
      background-position: 10px center;*/
    text-align: center;
    color: #4F8A10;
    background-color: #DFF2BF;
    cursor: pointer;
    border-radius:5px;
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    min-width: 20px;
}

.questionMustBeAnsweredTd{
    color: #D63301;
    background-color: #FFCCBA;

}
.questionAnsweredTd{
    color: #9F6000;
    background-color: #FEEFB3;

}
.questionOkTd{
    color: #4F8A10;
    background-color: #DFF2BF;

}

/**********************************HR TAG**************************************/
.ap_wrap hr{
    border: none;
    background: #989830 !important;
    height: 2px !important;
    opacity: 0.8;
}


/**********************************DIVS****************************************/
.greenClass {
    background: #DFF2BF;
    color: #4F8A10;
    background-color: #DFF2BF;
}

.redClass {
    background: #FFCCBA;
    background-color: #FFCCBA;
    color: #D63301 !important;
}

.orangeClass{
    background: #FEEFB3;
    background-color: #FEEFB3;
    color: #9F6000 !important;
}

/*****************************SELECT2******************************************/
.select2-container--default .select2-selection--single{
    border: 1px solid #525174 !important;    
}

.select2-selection__rendered {
    color: #444 !important; 
}

.select2-dropdown {
    background-color: #9796ab !important;
    border: 1px solid #525174 !important;    
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #989830 !important;
}

.select2-container {
    width: 350px !important;
}


/***********************************LOADING AJAX*******************************/

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */

#divLoadingAjax.loading{
    display: block;
    position:   fixed;
    z-index:    10000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
        url('../images/ajax-loader.gif') 
        50% 50% 
        no-repeat;
}


/********************************************Input Error **********************/
.error-field,
.error-field input,
.error-field input[type=text],
.error-field input[type=password],
.error-field input[type=email],
.error-field input[type=url],
.error-field input[type=date],
.error-field input[type=number],
.error-field input[type=tel],
.error-field textarea{
    border-color:#D893A1 !important;
    background-color: #FBE6F2 !important;
}

/****************************************TOOLTIP*************************************************************/
.ap_tooltip {
    position: relative;
    display: inline-block;
    /*border-bottom: 1px dotted black;*/
}

.ap_tooltip .ap_tooltip_text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
}

.ap_tooltip .ap_tooltip_text::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.ap_tooltip:hover .ap_tooltip_text {
    visibility: visible;
    opacity: 1;
}