/*** Page Loader Div ***/
.page-loader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/page-loader.gif) 50% 50% no-repeat transparent;
    background-size: 135px auto;
}
/*** End: Page Loader Div ***/


/*** Processing Send Mail Gif ***/
#sending-mail-processing--gif {
    display: inline-block;
    width: 235px;
    height: 25px;
    background: url(../img/sendingmail-bar.gif) 50% 50% no-repeat #f9f9f9;
    background-size: 130% 35px;
}
#inmatricula-sending-mail-processing--gif {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 335px;
    height: 100px;
    border: 5px solid #d9d9d9;
    background: url(../img/sendingmail-bar.gif) 50% 70% no-repeat #f9f9f9;
    background-size: 90% 36px;
    z-index: 102;
}
.insert-item--processing-gif {
    display: none;
    position: absolute;
    width: 140px;
    height: 20px;
    margin: 0 auto;
    top: 5px;
    left: 0;
    right: 0;
    background: transparent url(../img/loading.gif) no-repeat right center;
    z-index: 2;
    border-radius: 10px;
    box-shadow: inset 0 0 3px 2px #fff;
}
/*** End: Processing Send Mail Gif***/


/*** Loaging Dialog-Detalle Gif ***/
.loading-dialog-gif {
    display: block;
    position: fixed;
    width: 214px;
    height: 128px;
    background: url(../img/loadingfinal.gif) center no-repeat transparent;
    padding: 3px;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 101;
    overflow: hidden;
}
.loading-dialog-gif.small-gif {
    background-image: url(../img/small-loader.gif);
    background-size: 50px;
}
/*** End: Loaging Dialog-Detalle Gif ***/


/*** Loading Manage Data Gif ***/
.manage-table-container {
    position: relative;
    min-height: 250px;
}
.manage-table-container > .gif-loading-complex-query-results {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../img/loading-filtered-data.gif) no-repeat center center;
    background-size: 180px 180px;
}
/*** End: Loading Manage Data Gif ***/


/*** Loading Form General Gif ***/
.processing-submit-form {
    display: none;
    position: absolute;
    width: 160px;
    height: 24px;
    margin: 0 auto;
    top: 0;
    left: 0;
    right: 0;
    background: url(../img/progress-bar.gif) 100% 100% no-repeat transparent;
    background-position: -43px -14px;
    z-index: 9;
    -webkit-box-shadow: inset 0 0 25px 1px #f9f9f9;
    -moz-box-shadow: inset 0 0 25px 1px #f9f9f9;
    box-shadow: inset 0 0 25px 1px #f9f9f9;
}


/* General Insert Error Message */
.general-insert-validate-error {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.general-insert-validate-error span {
    display: inline;
    color: #bd665c;
    background-color: #f0d5b4;
    border: 1px solid #dddddd;
    padding: 2px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.general-insert-validate-error span:not(:last-child) {
    margin-right: 5px;
}
.general-error-msg {
    color: #bd665c;
}
/* End: General Insert Error Message */


/* Simple Editor */
._editable-elem {
    background-color: #fff;
}
._editable-elem.textarea {
    appearance: textfield-multiline;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    min-width: 150px;
    min-height: 30px;
    /*font: medium -moz-fixed;*/
    /*font: -webkit-small-control;*/
    overflow: auto;
    resize: vertical;
}
.s-editor-toolbar .toolbar button {
    font-family: 'SourceSansPro', Helvetica, sans-serif;
    margin: 0 5px;
    padding: 0;
    text-align: center;
    width: 23px;
    line-height: 1em;
    border: 1px solid #ddd;
    background-color: #ededed;
    cursor: default;
}
.s-editor-toolbar .t-bold, .medium-b {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif !important;
}
.s-editor-toolbar .t-underline, .medium-u {
    text-decoration: underline !important;
}
.s-editor-toolbar .t-italic,.medium-i {
    font-style: italic !important;
}
.s-editor-toolbar .t-strike, .medium-strike {
    text-decoration: line-through;
}
/* End: Simple Editor */



/* MySQL Query Error Message */
.query-type--error {
    display: inline-block;
    width: 100%;
    color: #bd665c;
    padding: 10px;
    background-color: #f0d5b4;
    border: 1px solid #b0b0b0;
    border-right: 0 none;
    border-left: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/* End: MySQL Query Error Message */


/* Default CRC Links Style */
.default-crc-hyperlink {
    color: #167ac6;
    cursor: pointer;
}
.default-crc-hyperlink:hover {
    text-decoration: underline;
}
._dflnk {
    color: #1483e2;
    text-decoration: underline;
}
._dflnk:hover {
    text-decoration: none;
}
._dflnk-color {
    color: #1483e2; /*#52a4eb*/
}
.inherit-hover-link {
    color: inherit;
}
.inherit-hover-link:hover {
    color: #167ac6;
}
/* End: Default CRC Links Style */


/* Additional Information Content Type */
.side-info {
    color: #939393;
    font-size: 13px !important;
}
.separate {
    margin-left: 1.5em;
}
/* End: Additional Information Content Type */



/*** Print Ficha Header ***/
.crc-print-header {
    display: none;
    position: relative;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    border: none;
    z-index: 3;
}
.crc-print-header .print-header-section {
    display: inline-block;
    width: 800px;
    height: auto;
    margin: 10px auto;
    vertical-align: middle;
}
.print-header-section > div {
    float: left;
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    justify-content: center;
}
.grll-logo-section, .crc-logo-section,
.proind-logo-section, .adoc-logo-section {
    width: 28%;
    height: 60px;
    background: no-repeat center;
}
.print-header-section.forProindCurso,
.print-header-section.forComputacionCurso {
    display: none;
}
.print-header-section .grll-logo-section {
    background-image: url("../img/escudo-grll.png");
    background-size: 60px auto;
}
.print-header-section .crc-logo-section {
    background-image: url("../img/crc.png");
    background-size: 125px auto;
}
.print-header-section > .proind-logo-section > img {
    width: 100px;
    height: 49px;
    margin: 0 auto;
}
.print-header-section > .adoc-logo-section > img {
    width: 110px;
    height: 49px;
    margin: 0 auto;
}
.print-header-section .grll-slogan-section {
    width: 44%;
    height: 60px;
}
.print-header-section .grll-slogan-section > h1,
.print-header-section .grll-slogan-section > h2,
.print-header-section .grll-slogan-section > h3 {
    /*letter-spacing: 1px;*/
    font-family: 'SourceSansProBold', Helvetica, sans-serif !important;
    color: #676767;
    /*padding: 3px 0;*/
    margin: 0;
}
.grll-slogan-section .grll-slogan-section-1 {
    font-size: 16px;
}
.grll-slogan-section .grll-slogan-section-2 {
    font-size: 15px;
}
.grll-slogan-section .grll-slogan-section-3 {
    font-size: 14px;
}


/*** Cookies Disabled Warning ***/
.__cookie-warning {
    display: none;
    position: absolute;
    padding: 5px;
    top: 0;
    width: 100%;
    background-color: rgba(236, 218, 131, 0.77);
}
._clear-cookie-warning {
    width: 90%;
    max-width: 650px;
    margin: 30px auto;
    padding: 10px;
    text-align: center;
}


/***************************/
/*** Main Header Section ***/
/***************************/
.main-header, .main-header * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 0 1px 0 #fff;
}
.main-header {
    position: relative;
    width: 100%;
    padding: 5px 0 10px;
    /*border-bottom: 1px solid #ededed;*/
    /*background-color: whitesmoke;*/
    color: #8c7a6a;
}
.main-header.internal {
    color: #2d679a;
}
.main-header .content {
    width: 80%;
    max-width: 1090px;
    min-width: 960px;
    margin: 0 auto;
}
.main-header .content > div {
    float: left;
    height: 70px;
}
.main-header .content .grll-logo {
    background-image: url("../img/escudo-grll.png");
    background-size: 70px auto;
}
.main-header .content .crc-logo {
    background-image: url("../img/miacademics-logo.png");
    background-size: 125px auto;
}
.main-header .content .grll-logo,
.main-header .content .crc-logo {
    background-repeat: no-repeat;
    background-position: center;
}
.main-header .content .grll-logo,
.main-header .content .crc-logo {
    width: 20%;
}
.main-header .content .grll-slogan {
    width: 35%;
    padding: 0 10px;
    vertical-align: middle;
}
.main-header .content .grll-slogan .crc {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
}
.main-header .content .system-info {
    position: relative;
    width: 25%;
    padding: 0 20px;
}
.main-header .content .system-info:before {
    content: '';
    position: absolute;
    left: 0;
    height: 70%;
    width: 1px;
    border-left: 1px solid #b3b3b3;
}
.main-header .content .system-info > p {
    margin: 0;
}
/********************************/
/*** End: Main Header Section ***/
/********************************/



/***************************/
/*** Main Footer Section ***/
/***************************/
.main-footer, .main-footer * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*color: #848484;*/
    text-shadow: 0 1px 0 #292929;
}
.main-footer {
    position: relative;
    width: 100%;
    margin-top: 70px;
    padding: 40px 0 20px;
    background-color: #464646; /*#313131*/
    /*border-top: 2px solid rgba(125, 125, 125, 0.6);*/
    color: #43c353;
}
.main-footer:before {
    /*content: '';*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background: url("../img/chan-chan.jpg") repeat-x top;
    background-size: 125px 45px;
    opacity: 0.1;
}
.main-footer .content {
    width: 80%;
    margin: 0 auto;
}
.main-footer .content h3 {
    /*color: #e0c86f;*/
    color: rgba(255, 255, 255, 0.8);
    text-transform: uppercase;
}
.main-footer .content .nav-list {
    font-size: 0;
}
.main-footer .content .nav-list ul {
    list-style-type: none;
    margin: 0;
}
.main-footer .content .nav-list ul > li {
    margin-top: 5px;
}
.main-footer .content .nav-list > div {
    width: 21%;
    display: inline-block;
    font-size: 15px;
    vertical-align: top;
}
.main-footer .content .nav-list .logo {
    width: 15%;
    height: 135px;
    background: url(../img/miacademics-logo.png) right top no-repeat;
    background-size: 155px 90px;
    padding: 90px 0 10px;
    text-align: center;
}
.main-footer .content .nav-list .logo a {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    /*color: #e0c86f;*/
    text-transform: uppercase;
}
.main-footer .content .nav-list > div:not(:last-child) {
    margin-right: 6%;
}
.main-footer .content a {
    color: inherit;
}
.main-footer .content a:hover,
.main-footer .content a:focus {
    text-decoration: underline;
}
.main-footer .system-description {
    position: relative;
    color: #848484;
}
.main-footer .system-description > hr {
    border-bottom: 1px solid #3e3e3e;
    margin: 15px 0 10px;
    -webkit-box-shadow: 0 1px #4e4e4e;
    -moz-box-shadow: 0 1px #4e4e4e;
    box-shadow: 0 1px #4e4e4e;
}
.main-footer .system-description .sponsors {
    position: absolute;
    right: 0;
    top: 9px;
}
.main-footer .system-description > div {
    padding: 0 15px;
}
.main-footer .system-description .sponsors > img, /*img unused*/
.main-footer .system-description .sponsors i {
    display: inline-block;
    width: 20px;
    height: 23px;
    margin-right: 15px;
    opacity: 0.5;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.main-footer .system-description .sponsors i.chrome-logo {
    background-image: url("../img/chrome.png");
}
.main-footer .system-description .sponsors i.firefox-logo {
    background-image: url("../img/firefox.png");
}



._filters-buttons {
    padding: 2px 15px;
    background-color: #d4d9e2;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    -webkit-transition: box-shadow 0.4s;
    -moz-transition: box-shadow 0.4s;
    -ms-transition: box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
}
._filters-buttons:hover {
    -webkit-box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    -moz-box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    border-color: #cccccc;
}
._filters-buttons.filtered {
    color: #8a8a8a;
    background-color: #d1dcd1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}



/****************************/
/*** Main Aside Left Menu ***/
/****************************/
#main-left-menu {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
#main-left-menu.manage-alumnos {
    width: 300px;
    background-color: rgba(234, 234, 234, 0.45);
}

/************************************/
/*** Main Content (Right of Menu) ***/
/************************************/
#main-content {
    /**/
}
#main-content.manage-alumnos {
    margin-left: 300px;
    max-width: 1200px;
}
#main-content section.right-section {
    padding: 0 20px;
}




/**********************************/
/*** Administrative Options Nav ***/
/**********************************/
.administrative-options-nav * {
    font-size: 15px;
}
.administrative-options-nav {
    display: block;
    position: static;
    float: left;
    text-align: left;
    min-width: 300px;
    margin: 0;
}
.administrative-main-options { /*.administrative-options-nav .administrative-main-options*/
    display: block;
    position: relative;
    margin: 0 15px 0 0;
    padding-bottom: 1px;
    font-size: 0;
    width: 283px;
    border: 1px solid #dddddd;
    background-color: #f4f4f4;
    -webkit-box-shadow: 0 0 10px -4px;
    -moz-box-shadow: 0 0 10px -4px;
    box-shadow: 0 0 10px -4px;
    overflow: hidden;
    border-radius: 5px;
}
.administrative-main-options .div-admin-section,
.administrative-main-options .div-main-options,
.administrative-main-options .div-statistics-section {
    display: inline-block;
    /*margin-top: 10px;*/
    width: 100%;
    position: relative;
}
.administrative-main-options .div-admin-section h2,
.administrative-main-options .div-main-options h2,
.administrative-main-options .div-statistics-section h2 {
    display: block;
    padding: 7px;
    text-align: center;
    /*color: #a59985;*/
    /*background-color: #e4e1dc;*/
    border: solid #3383ca;
    border-width: 2px 0;
    background-color: #9dffa9;
}
.administrative-main-options .div-statistics-section h2 {
    margin-bottom: 5px;
}

/* Aside Nav */
.aside-administrative-options-nav {
    width: inherit;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.aside-administrative-options-nav .administrative-main-options {
    margin: 0 auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Admin Section */
.administrative-main-options .div-admin-section {
    margin-top: 0;
    /*background-color: rgba(218, 218, 218, 0.5);*/
    background: #717479;
    /*border: solid #e0e0e0;*/
    border-width: 0 0 1px 0;
    padding: 10px 5px;
}
.div-admin-section #divlink-admin-section--profile {
    position: relative;
    display: table;
    width: 100%;
    cursor: default;
}
.div-admin-section #divlink-admin-section--profile .admin-section-profile-image {
    display: table-cell;
    float: left;
    width: 55px;
    height: 55px;
    margin-right: 4px;
}
.div-admin-section #divlink-admin-section--profile .admin-section-profile-image img {
    width: 53px;
    height: 53px;
    border: 1px solid #d6d6d6;
    vertical-align: middle;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 10%;
}
.div-admin-section #divlink-admin-section--profile .admin-section-names {
    display: table-cell;
    width: 212px;
    text-align: left;
    vertical-align: middle;
    /*color: #7b7b7b;*/
    color: #fff;
    position: relative;
}
#divlink-admin-section--profile .admin-section-names span {
    display: block;
    width: inherit;
}
#divlink-admin-section--profile .admin-section-names span:first-child {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#divlink-admin-section--profile .admin-section-names a {
    display: inline-block;
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif !important;
    color: #4a8ecd;
    margin: 0 auto;
    padding-top: 5px;
    border-bottom: 1px solid transparent;
}
#divlink-admin-section--profile .admin-section-names a:hover {
    color: #1483e2;
    border-bottom: 1px solid #1483e2;
}
#divlink-admin-section--profile .admin-section-options {
    display: none;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    width: 23px;
    margin: auto;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
/*#divlink-admin-section--profile:hover .admin-section-options {*/
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
/*}*/
#divlink-admin-section--profile .admin-section-options .admin-trigger {
    text-align: center;
}
.admin-section-options .admin-trigger i.admin-options-icon {
    font-size: 20px;
    /*color: #afafaf;*/
    color: #fff;
}
/*.admin-section-options .admin-trigger i.admin-options-icon:hover {*/
    /*color: #939393;*/
/*}*/
/*#divlink-admin-section--profile:hover .admin-trigger i.admin-options-icon {*/

/*}*/
.div-admin-section #div-admin-section--controls {
    display: none;
    text-align: center;
    margin-top: 8px;
}
.div-admin-section #div-admin-section--controls > div {
    display: inline-block;
    text-align: center;
}
.div-admin-section #div-admin-section--controls > div:first-child {
    margin-right: 5px;
}
.div-admin-section #div-admin-section--controls > div a {
    display: inline-block;
    padding: 3px 5px 3px 2px;
    background-color: #f4f4f4;
    text-decoration: none;
    border-radius: 10px;
}
.div-admin-section #div-admin-section--controls > div a.edit-perfil-link {
    margin: 5px auto;
}
.div-admin-section #div-admin-section--controls > div a i {
    position: relative;
    display: inline-block;
    /*margin-right: 3px;*/
    font-size: 22px;
    line-height: 22px;
    vertical-align: bottom;
    color: #939393;
}
#div-admin-section--controls > div a.edit-perfil-link:hover i.cog {
    color: #498ecd;
}
#div-admin-section--controls > div a.logout-link:hover i.power{
    color: #f6a277;
}
.div-admin-section #div-admin-section--controls > div a span {
    display: inline-block;
    line-height: 22px;
    vertical-align: bottom;
}

/* Main Options */
.administrative-main-options .div-main-options h2 {
    display: block;
    /*margin-bottom: 5px;*/
}
.administrative-main-options .div-main-options a {
    display: block;
    line-height: 15px;
    vertical-align: middle;
    padding: 10px 2px 10px 20px;
    /*background-color: #f9f9f9;*/
    /*margin-bottom: 5px;*/
    margin-bottom: 1px;
    /*color: #7b7b7b;*/
    color: #fff;
    background: #717479; /*#3383ca*/
    border-bottom: 1px solid #6d6d6d; /*#2272b9*/
    box-shadow: 0 1px #7b7b7b; /*#4191da*/
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
}
.administrative-main-options .div-main-options a:last-child {
    margin-bottom: 0;
}
.administrative-main-options .div-main-options a:hover,
.administrative-main-options .div-main-options a:focus {
    /*background-color: #fff;*/
    /*color: #1483e2;*/
    background: #58aaf1;
    text-decoration: none;
}
.administrative-main-options .div-main-options a:hover:before {
    /*color: #9190ff;*/
}
.administrative-main-options .div-main-options a:before {
    position: absolute;
    font-family: "typicons";
    content: '\e049';
    font-size: 14px;
    line-height: 17px;
    vertical-align: middle;
    left: 9px;
    color: #d4d4d4;
}

/* Statistics Section */
.administrative-main-options .div-statistics-section {
}
.administrative-main-options .div-statistics-section h2 span {
    font-size: 14px;
    font-weight: normal;
}
.administrative-main-options .div-statistics-section a {
    display: inline-block;
    color: inherit;
    padding: 3px 5px;
}
.administrative-main-options .div-statistics-section a:hover {
    color: #1483e2;
}
.administrative-main-options .div-statistics-section a:last-child {
    display: block;
    text-align: center;
    text-decoration: underline;
}
.administrative-main-options .div-statistics-section span {
    display: inline;
    color: inherit;
    font-size: 14px;
}
.administrative-main-options .div-statistics-section hr {
    border: 0;
    border-bottom: 1px dashed #f9f9f9;
    background: #d1d1d1;
    margin: 3px 0;
}
/*** End: Administrative Options Nav ***/



/*** Scroll Top Link ***/
.crc-scrolltop-link {
    position: fixed;
    display: none;
    bottom: 70px;
    right: 30px;
    /*background-color: rgba(166, 166, 166, 0.4);*/
    background: #3383ca;
    /*border: 1px solid rgba(156, 156, 156, 0.4);*/
    /*color: #949494;*/
    color: #fff;
    cursor: pointer;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    /*-webkit-box-shadow: 0 1px 14px -1px #a5a5a5;*/
    /*-moz-box-shadow: 0 1px 14px -1px #a5a5a5;*/
    box-shadow: 0 1px 10px -3px #6b6b6b;
    width: 50px;
    height: 50px;
    text-align: center;
    z-index: 15;
}
.crc-scrolltop-link:hover {
    /*background-color: rgba(166, 166, 166, 0.6);*/
    color: #9ce649;
}
.crc-scrolltop-link > i {
    font-size: 25px;
    vertical-align: middle;
    line-height: 50px;
}



/*** Dialog (Success Matricula) ***/
.overlay-matricula-dialog, .overlay-matricula-dialog2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000000;
    opacity: .5;
    filter: alpha(Opacity=50);
}

#dialog-matricula-insert-success * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
#dialog-matricula-insert-success {
    display: block;
    position: fixed;
    width: 350px;
    height: 185px;
    background-color: #f9f9f9;
    padding: 3px;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 101;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#dialog-matricula-insert-success .header-dialog {
    display: inline-block;
    width: 350px;
    height: 30px;
    margin: 0 auto;
    padding: 0 5px;
    border: 1px solid #b0b0b0;
    background-color: #fbf6bc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#dialog-matricula-insert-success .header-dialog span:first-of-type {
    display: inline-block;
    width: 316px;
    vertical-align: middle;
    text-align: center;
    line-height: 27px;
    font-family: 'SourceSansProBold', Helvetica, sans-serif !important;
}
#dialog-matricula-insert-success .header-dialog .close-dialog {
    display: inline-table;
    position: relative;
    width: 20px;
    height: 20px;
    margin-right: 0;
    right: 0;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    border: 1px solid #b0b0b0;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
#dialog-matricula-insert-success .header-dialog .close-dialog:hover {
    border: 1px solid #a9a9a9;
    background-color: #dbdbdb;
}
#dialog-matricula-insert-success .header-dialog .close-dialog i {
    display: inline-block;
    vertical-align: middle;
}

#dialog-matricula-insert-success .body-dialog {
    width: 350px;
    margin: 22px auto 0;
    text-align: left;
    vertical-align: middle;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
#dialog-matricula-insert-success .body-dialog .icon-body-dialog {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #77c689;
}
#dialog-matricula-insert-success .body-dialog .content-dialog {
    display: block;
    width: 210px;
    float: left;
    height: 70px;
    vertical-align: middle;
}
#dialog-matricula-insert-success .body-dialog .content-dialog span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: table-cell;
    vertical-align: middle;
    height: 70px;
    line-height: 150%;
}

#dialog-matricula-insert-success .footer-dialog {
    display: inline-block;
    width: 350px;
    margin: 22px auto 0;
    border-top: 1px solid #b0b0b0;
    -moz-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.9);
    box-shadow: 0 -1px 0 0 rgba(255, 255, 255, 0.9)
}
#dialog-matricula-insert-success .footer-dialog span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: block;
    border: 1px solid #b0b0b0;
    background-color: #e5e5e5;
    margin: 10px auto 5px;
    width: 60px;
    height: 25px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
#dialog-matricula-insert-success .footer-dialog span:hover {
    border: 1px solid #a9a9a9;
    background-color: #dbdbdb;
}
/* End: Dialog (Success Matricula) */




/**********************************/
/*** Dialog Windows and Overlay ***/
/**********************************/
.mastercn-insertitem-form--overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    opacity: 0.1;
    filter: alpha(Opacity=10);
    z-index: 102;
}
.mastercn-dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-color: #000;
    opacity: 0.5;
    filter: alpha(Opacity=50);
}
.mastercn-dialog-overlay.chooseProgramacionType,
.mastercn-dialog-overlay.chooseMatriculaType {
    background-color: #fff;
    opacity: 0.8;
    filter: alpha(Opacity=80);
}
.mastercn-dialog-window--container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.mastercn-dialog-window--container {
    display: table;
    position: fixed;
    width: 350px;
    height: auto;
    background-color: #f9f9f9;
    padding: 3px;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 101;
    overflow: hidden;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px #3a3a3a;
    -moz-box-shadow: 0 0 30px #3a3a3a;
    box-shadow: 0 0 30px #3a3a3a;
}
/* Header */
.mastercn-dialog-window--container .dialog-window--header {
    display: inline-block;
    width: 100%;
    text-align: center;
    height: 35px;
    margin: 0 auto;
    padding: 0 5px;
    border: 1px solid #dbdbdb;
    background-color: #dddddd;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.mastercn-dialog-window--container .dialog-window--header span:first-of-type {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif !important;
    display: inline-block;
    line-height: 33px;
    vertical-align: middle;
}
.mastercn-dialog-window--container .dialog-window--header span.close-dialog {
    display: inline-block;
    float: right;
    margin-top: 5px;
    margin-right: 0;
    right: 0;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #b0b0b0;
    background-color: #e5e5e5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}
.mastercn-dialog-window--container .dialog-window--header span.close-dialog:hover {
    border: 1px solid #a9a9a9;
    background-color: #dbdbdb;
}
/* Body */
.mastercn-dialog-window--container .dialog-window--body {
    /*width: 350px;*/
    margin: 22px auto 0;
    text-align: left;
    vertical-align: middle;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.mastercn-dialog-window--container .dialog-window--body .dialog-body--icon {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #77c689;
}
.mastercn-dialog-window--container .dialog-window--body .dialog-body--content {
    width: 210px;
    float: left;
    vertical-align: middle;
}
.mastercn-dialog-window--container .dialog-window--body .dialog-body--content span {
    display: table-cell;
    vertical-align: middle;
    height: 60px;
    line-height: 150%;
}
/* Optional Event */
.mastercn-dialog-window--container .optional-event-action {
    display: inline-block;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}
.mastercn-dialog-window--container .optional-event-action #last-alumno-submit-link {
    font-family: 'SourceSansPro', Helvetica, sans-serif;
    display: inline-block;
    padding: 4px;
    border: 1px solid #7db1e7;
    background-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transition: color .2s;
    -moz-transition: color .2s;
    -ms-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
}
.mastercn-dialog-window--container .optional-event-action #last-alumno-submit-link:hover {
    color: #6b9fd5;
}
.mastercn-dialog-window--container .optional-event-action #last-alumno-submit-link:active {
    color: #7db1e7;
}
/* Footer */
.mastercn-dialog-window--container .dialog-window--footer {
    display: block; /*inline-block*/
    /*width: 350px;*/
    text-align: center;
    margin: 15px auto 10px;
}
.mastercn-dialog-window--container .dialog-window--footer span.ok-close,
.manage-dialog--ok-close > span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: inline-block;
    padding: 3px 7px;
    border: 1px solid #b0b0b0;
    background-color: #e5e5e5;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.mastercn-dialog-window--container .dialog-window--footer span.ok-close:hover,
.manage-dialog--ok-close > span:hover {
    border: 1px solid #a9a9a9;
    background-color: #dbdbdb;
}

/*** mastercn flexible dialog window container ***/
.mastercn-flexible-dialog-window--container {
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -51%);
    -moz-transform: translate(-50%, -51%);
    -ms-transform: translate(-50%, -51%);
    -o-transform: translate(-50%, -51%);
    transform: translate(-50%, -51%); /*-51 for not blurry*/
    background-color: #f9f9f9;
    overflow: hidden; /*for all sides border-radius*/
    -webkit-box-shadow: 0 0 20px #3a3a3a;
    -moz-box-shadow: 0 0 20px #3a3a3a;
    box-shadow: 0 0 20px #3a3a3a;
    z-index: 101;
}
.mastercn-flexible-dialog-window--container .dhead,
.mastercn-flexible-dialog-window--container .dbody,
.mastercn-flexible-dialog-window--container .dfoot {
    padding: 5px;
    text-align: center;
    line-height: 16px;
}
.mastercn-flexible-dialog-window--container .dhead {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    background-color: #7c7c7c;
    color: #efefef;
    -webkit-box-shadow: inset 0 18px 0 -17px #929292;
    -moz-box-shadow: inset 0 18px 0 -17px #929292;
    box-shadow: inset 0 18px 0 -17px #929292;
}
.mastercn-flexible-dialog-window--container .dbody dl {
    text-align: left;
    margin: 7px;
}
.mastercn-flexible-dialog-window--container .dbody dt {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
}
.mastercn-flexible-dialog-window--container .dfoot {
    padding: 0 0 10px;
}
.mastercn-flexible-dialog-window--container .dbody .longtext-maxwidth {
    max-width: 425px;
}

/*optional window inside of flexible dialog*/
.mastercn-flexible-dialog-window * {
    font-size: 14px;
}
.mastercn-flexible-dialog-window .dhead *,
.mastercn-flexible-dialog-window .dfoot .closedialog-btn {
    font-size: 15px;
}
.mastercn-flexible-dialog-window .dhead .dialog-title {
    font-family: 'SourceSansProBold', Helvetica, sans-serif;
    color: #bbbbbb;
    margin-bottom: 5px;
}
.mastercn-flexible-dialog-window .dhead .item-title > span {
    font-size: 14px;
}
/*** end: mastercn flexible dialog window container ***/

.gif-loading-insert-record {
    display: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2) url(../img/slow-circle-loader.gif) no-repeat center center;
    -webkit-background-size: 100px;
    -moz-background-size: 100px;
    -o-background-size: 100px;
    background-size: 100px;
    text-shadow: none;
    z-index: 5;
}
.gif-loading-insert-record.fileupload:after {
    content: 'Subiendo contenido. Por favor espere.';
    -webkit-animation: animateloadingcolor 7s linear 2s infinite;
    -moz-animation: animateloadingcolor 7s linear 2s infinite;
    animation: animateloadingcolor 7s linear 2s infinite;
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    background-color: aliceblue;
    line-height: 33px;
}


.link-show-full-details {
    display: inline-block;
    margin-top: 5px;
    color: #9e9e9e;
}
.link-show-modifications {
    color: #9e9e9e;
}
.link-show-full-details:hover, .link-show-modifications:hover {
    color: #939393;
}
.dialog-window--clear-button {
    display: inline-block;
    padding: 5px 10px;
    -webkit-box-shadow: 0 0 5px #7c7c7c;
    -moz-box-shadow: 0 0 5px #7c7c7c;
    box-shadow: 0 0 5px #7c7c7c;
    background-color: #ededed;
    border-radius: 2px;
    cursor: pointer;
}
.dialog-window--clear-button:hover {
    -webkit-box-shadow: 0 0 7px #7c7c7c;
    -moz-box-shadow: 0 0 7px #7c7c7c;
    box-shadow: 0 0 7px #7c7c7c;
}

/*** container for choose item insert type ***/
.initemformops {
    box-shadow: 0 0 10px #bbb !important;
}
.insertitem-type-options-container {
    background-color: #fafafa;
}
.insertitem-type-options-container .fdhead {
    background-color: #ededed;
    padding: 10px 20px;
    -webkit-box-shadow: 0 1px 4px -3px;
    -moz-box-shadow: 0 1px 4px -3px;
    box-shadow: 0 1px 4px -3px;
}
.insertitem-type-options-container .fdhead * {
    margin: 0;
    color: #7c7c7c;
    text-shadow: 1px 1px 0 #f9f9f9;
}
.insertitem-type-options-container .fdbody {
    padding: 5px 20px 20px;
}
.insertitem-type-options-container form:not(:last-of-type) {
    margin: 15px 0;
}
.insertitem-type-options-container button {
    font-family: 'SourceSansPro', Helvetica, sans-serif;
    width: 100%;
    background-color: #efd8b4;
    color: #b48763;
    border-color: #ecc594;
    background-image: -webkit-linear-gradient(top, transparent, rgba(177, 164, 139, 0.47));
    background-image: -moz-linear-gradient(top, transparent, rgba(177, 164, 139, 0.47));
    background-image: -ms-linear-gradient(top, transparent, rgba(177, 164, 139, 0.47));
    background-image: -o-linear-gradient(top, transparent, rgba(177, 164, 139, 0.47));
}
.insertitem-type-options-container button:hover {
    background-color: #feecd1;
    background-image: -webkit-linear-gradient(top, transparent, rgba(140, 112, 89, 0.2));
    background-image: -moz-linear-gradient(top, transparent, rgba(140, 112, 89, 0.2));
    background-image: -ms-linear-gradient(top, transparent, rgba(140, 112, 89, 0.2));
    background-image: -o-linear-gradient(top, transparent, rgba(140, 112, 89, 0.2));
    color: #c6a070;
    border-color: #ecc594;
}
.insertitem-type-options-container button:active {
    background-image: none;
}
/* dialog buttons aspect */
.dialog-buttons {
    display: inline-block;
    padding: 4px 10px;
    -webkit-box-shadow: 0 0 5px #7c7c7c;
    -moz-box-shadow: 0 0 5px #7c7c7c;
    box-shadow: 0 0 5px #7c7c7c;
    background-color: #ededed;
    border-radius: 2px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dialog-buttons:hover {
    -webkit-box-shadow: 0 0 7px #7c7c7c;
    -moz-box-shadow: 0 0 7px #7c7c7c;
    box-shadow: 0 0 7px #7c7c7c;
}
.dialog-buttons:active {
    -webkit-box-shadow: 0 0 1px #7c7c7c;
    -moz-box-shadow: 0 0 1px #7c7c7c;
    box-shadow: 0 0 1px #7c7c7c;
}
/***************************************/
/*** End: Dialog Windows and Overlay ***/
/***************************************/



/**********************************/
/*** Change Items Status Dialog ***/
/**********************************/
.mastercn-change-item-status--container {
    display: table;
    width: 375px;
    height: auto;
    padding: 0;
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 101;
    overflow: hidden;
    background-color: #f9f9f9;
    -webkit-box-shadow: 0 0 20px 0 #2e2e2e;
    -moz-box-shadow: 0 0 20px 0 #2e2e2e;
    box-shadow: 0 0 20px 0 #2e2e2e;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: transform 0.3s;
    -moz-transition: transform 0.3s;
    -ms-transition: transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
}
.mastercn-change-item-status--container.animate {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.mastercn-change-item-status--dialog {
    width: 100%;
}
.mastercn-change-item-status--dialog * {
    font-size: 15px;
}

/*** Header ***/
.mastercn-change-item-status--dialog .dheader {
    width: 100%;
    text-align: center;
}
.mastercn-change-item-status--dialog .dheader h3 {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    width: 100%;
    margin: 0 auto;
    padding: 5px 0;
    background-color: #fff3d2;
    color: #af9638;
    text-shadow: 0 1px 0 #fbf8ef;
    border-bottom: 1px solid #e4e4e4;
}
.mastercn-change-item-status--dialog .dheader.edit-mode h3 {
    background-color: #d8d8d8;
}

/*** Body ***/
.mastercn-change-item-status--dialog .dbody {
    margin-top: 10px;
    width: 100%;
    padding-right: 5px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
}
.mastercn-change-item-status--dialog .dbody .div-icon {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 0;
    text-align: center;
}
.mastercn-change-item-status--dialog .dbody .div-content {
    display: table;
    float: left;
    width: 300px;
    height: 70px;
}
.mastercn-change-item-status--dialog .dbody .div-content span {
    display: table-cell;
    vertical-align: middle;
    font-size: 15px;
}
.mastercn-change-item-status--dialog .dbody .info-edit-mode {
    padding: 0 4px 0 9px;
    margin-bottom: 4px;
}

/*** Foot ***/
.mastercn-change-item-status--dialog .dfoot {
    display: inline-block;
    width: 100%;
    margin: 15px 0 10px;
    text-align: center;
}
.mastercn-change-item-status--dialog .dfoot span {
    display: inline-block;
    padding: 4px 10px;
    -webkit-box-shadow: 0 0 5px #7c7c7c;
    -moz-box-shadow: 0 0 5px #7c7c7c;
    box-shadow: 0 0 5px #7c7c7c;
    background-color: #ededed;
    border-radius: 2px;
    cursor: pointer;
}
.mastercn-change-item-status--dialog .dfoot span:hover {
    -webkit-box-shadow: 0 0 7px #7c7c7c;
    -moz-box-shadow: 0 0 7px #7c7c7c;
    box-shadow: 0 0 7px #7c7c7c;
}
.mastercn-change-item-status--dialog .dfoot .link-aceptar {
    margin-right: 10px;
    background-color: #7c7c7c;
    color: #fff;
}
.mastercn-change-item-status--dialog .dfoot .link-cancelar {
    background-color: #ededed;
}
.i-warning-item-status {
    color: #dcc775;
    font-size: 3em;
    line-height: 70px;
}

/*** Aditional Dialog Items ***/
.mastercn-change-item-status--dialog .edit-anyway-text {
    display: block;
    margin-top: 5px;
    text-align: center;
}
.mastercn-change-item-status--dialog .dfoot .special-button {
    display: inline-block;
}

.editing-important-data--controls {
    display: inline-block;
    position: relative;
}
.editing-important-data--controls i {
    margin-left: 5px;
}
.editing-important-data--controls i:hover {
    background-color: #f4f4f4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.editing-important-data--controls i.refresh {
    display: none;
    cursor: pointer;
}
.editing-important-data--controls i.refresh:hover {
    color: #4a8ecd;
}
.editing-important-data--controls i.refresh:before {
    font-size: 17px;
    max-width: 15px;
}
.editing-important-data--controls .conflicts-info-text {
    display: none;
    position: absolute;
    margin: 0 0 0 8px;
    font-size: 13px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px;
    background-color: #f7f4e2;
    color: #b7a12f;
    border: 1px solid #dcdcd1;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    z-index: 1;
}
.editing-important-data--controls .conflicts-info-text.nivel {
    width: 157px;
}
.editing-important-data--controls .conflicts-info-text.curso {
    width: 175px;
}
.editing-important-data--controls .conflicts-info-text:before {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-right-color: #dcdcd1;
    margin-top: -7px;
    left: -14px;
    top: 50%;
}
.editing-important-data--controls i[class|="lock"] {
    position: relative;
    z-index: 10;
}
.editing-important-data--controls i.lock-closed:hover + .conflicts-info-text {
    display: inline-block;
}
.editing-important-data--controls .conflicts-info-text > .title {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: block;
    font-size: inherit;
    text-align: center;
    background-color: #f1eccf;
}
/***************************************/
/*** End: Change Items Status Dialog ***/
/***************************************/



/**********************************/
/*** Manage-Dialog Query Result ***/
/**********************************/
.div-manage-dialog-query-result {
    display: inline-block;
    margin-top: 10px;
    width: 100%;
    text-align: center;
}
.div-manage-dialog-query-result .i-manage-dialog-tick-outline {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background-color: #77c689;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.div-manage-dialog-query-result > span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: block;
    width: 100%;
    margin-top: 5px;
}
.manage-dialog--ok-close {
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 10px 0 0;
}
.manage-dialog--ok-close > span {
    height: auto !important;
    padding: 3px;
}
/***************************************/
/*** End: Manage-Dialog Query Result ***/
/***************************************/




/*** No-JS ***/
.no-script{
    font-size: 15px;
    color: #fff;
    padding: 10px 0;
    width: 100%;
    background-color: #b05752;
    text-align: center;
    vertical-align: middle;
    position: fixed; /*added*/
    z-index: 999; /*added*/
}
.no-script a {
    color: #e6ffbc;
    border-bottom: 1px solid #edcd50;
}
/*** End: No-JS ***/

.in-soles-symbol {
    position: absolute;
    /*padding: 4px 0 4px 5px;*/
    pointer-events: none;
    margin: auto auto auto 5px;
    top: 0;
    bottom: 0;
    line-height: 1em;
    height: 1em;
}
input[type=radio], input[type=checkbox] {
    vertical-align: -11%;
}

.centered-container {
    display: block;
    margin: 0 auto;
}



/***************************/
/*** Admin Login Section ***/
/***************************/
.main-container-login {
    width: 960px;
    margin: 15px auto;
    min-height: 450px;
}
.public .main-container-login {
    width: auto;
    min-height: inherit;
}
.main-container-login #login-events,
.public .login-warning {
    display: inline-block;
    width: 100%;
    text-align: center;
    color: #b05752;
    margin-bottom: 15px;
}
.main-container-login .fieldset-login-section {
    display: block;
    width: 320px;
    margin: 0 auto 150px;
    /*color: #464646;*/
    border: 5px solid rgba(176, 176, 176, 0.1);
    background-color: #e4e4e4;
    -webkit-box-shadow: 0 0 20px -4px #bfc4ca;
    -moz-box-shadow: 0 0 20px -4px #bfc4ca;
    box-shadow: 0 0 20px -4px #bfc4ca;
}
.main-container-login .fieldset-login-section legend {
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
    margin: 0 auto;
    text-align: center;
    padding: 5px 10px;
    background-color: #e4e4e4;
    border: 3px solid rgba(176, 176, 176, 0.1);
    color: #4c84bf;
    -webkit-box-shadow: 0 0 20px -4px #bfc4ca;
    -moz-box-shadow: 0 0 20px -4px #bfc4ca;
    box-shadow: 0 0 20px -4px #bfc4ca;
}
.main-container-login .fieldset-login-section form {
    display: block;
    padding: 10px 20px;
    margin: 5px auto 0;
    text-align: center;
    background-color: inherit;
}
.main-container-login #errors-login-form {
    display: block;
    text-align: center;
    /*padding: 0 0 10px;*/
    color: #b05752;
}
.main-container-login .fieldset-login-section .login-form--user-name,
.main-container-login .fieldset-login-section .login-form--password {
    display: inline-block;
    position: relative;
}
.main-container-login .fieldset-login-section .login-form--user-name span,
.main-container-login .fieldset-login-section .login-form--password span {
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    height: 22px;
    margin-left: 4px;
    padding-right: 4px;
    border-right: 2px solid #bfbfbf;
    pointer-events: none;
}
.main-container-login .fieldset-login-section label {
    display: inline-block;
    float: left;
}
.main-container-login .fieldset-login-section span {
    display: inline-block;
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
}
.main-container-login .fieldset-login-section input {
    display: block;
    width: 300px;
    font-size: 17px;
    margin-bottom: 10px;
    color: inherit;
    padding-left: 44px;
    background-color: #fbfbfb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    height: 37px;
}
.main-container-login .fieldset-login-section input:focus {
    background-color: #fff;
}
.main-container-login .fieldset-login-section input:not(:focus),
.main-container-login input:not(:focus) {
    color: #868686;
}
.main-container-login .fieldset-login-section input:focus + span i {
    color: #9d9d9d;
}
.main-container-login .fieldset-login-section button {
    display: inline-block;
    margin: 10px auto 0 auto;
    padding: 5px 20px 6px;
}
.main-container-login .fieldset-login-section button:active {
    padding: 6px 20px 5px;
}

.main-container-login .div-sesion-header {
    display: block;
    position: relative;
    width: 600px;
    height: auto;
    text-align: center;
    padding: 5px;
    margin: 50px auto 20px auto;
    background: #f4f4f4;
    border: 1px solid #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px -4px;
    -moz-box-shadow: 0 0 10px -4px;
    box-shadow: 0 0 10px -4px;
}
.main-container-login .div-sesion-header .div-sesion-header-title {
    font-size: 17px;
    font-family: 'SourceSansProBold', Helvetica, sans-serif !important;
}
#missed-password--div-events {
    margin-top: 10px;
}
#missed-password--div-events a {
    font-size: 14px;
    color: #696969;
}

/*** Account Confirmation ***/
.account-confirmation--container {
    max-width: 500px;
    margin: 60px auto 0;
}

/*** Forgot Password ***/
.frm-user-forgot-reset,
.frm-alumno-login {
    width: 280px;
    margin: 50px auto 0;
    padding: 10px 30px;
    background-color: #f6f6f6;
    -webkit-box-shadow: 0 1px 7px -3px;
    -moz-box-shadow: 0 1px 7px -3px;
    box-shadow: 0 1px 7px -3px;
}
.public .frm-user-forgot-reset,
.public .frm-alumno-login {
    width: 325px;
}
.frm-user-forgot-reset * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.frm-user-forgot-reset .titles,
.frm-alumno-login .titles,
.frm-user-forgot-reset .div-user-icon,
.frm-alumno-login .div-user-icon {
    text-align: center;
}
.frm-user-forgot-reset .str-info,
.frm-alumno-login .str-info {
    font-size: 14px;
    margin: 5px 0 -10px;
}
.frm-user-forgot-reset .div-user-icon > i,
.frm-alumno-login .div-user-icon > i {
    font-size: 100px;
    line-height: 90px;
    color: #b3b3b3;
}
.frm-user-forgot-reset .div-user-icon > i:before,
.frm-alumno-login .div-user-icon > i:before {
    line-height: 100px;
}
.frm-user-forgot-reset .div-fields > input {
    display: block;
    width: 100%;
    height: 30px;
}
.frm-alumno-login .div-fields input {
    display: block;
    width: 100%;
}
.public .frm-user-forgot-reset .div-fields > input {
    height: 33px;
}
.frm-user-forgot-reset button {
    display: block;
    margin: 15px auto 0;
    padding: 3px 15px 4px;
}
.frm-alumno-login button {
    display: block;
    margin: 15px auto 0;
}
.frm-user-forgot-reset button:active {
    padding: 4px 15px 3px;
}
.public .frm-user-forgot-reset button,
.public .frm-alumno-login button,
.public .frm-user-forgot-reset button:active,
.public .frm-alumno-login button:active {
    padding: 0 10px;
}
.public .frm-user-forgot-reset .div-fields {
    text-align: center;
}

.crc-bg {
    position: relative;
    overflow-x: hidden;
}
.crc-bg:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(50,191,68);
    background: linear-gradient(0deg, rgba(50,191,68,1) 0%, rgba(51,131,202,1) 100%);
    /*background: url(../img/crc-local-bg-blurry.jpg) no-repeat;*/
    /*background-size: cover;*/
    /*-webkit-filter: blur(8px);*/
    /*filter: blur(8px);*/
    /*-webkit-transform: scale(1.02, 1);*/
    /*-moz-transform: scale(1.02, 1);*/
    /*-ms-transform: scale(1.02, 1);*/
    /*-o-transform: scale(1.02, 1);*/
    /*transform: scale(1.02, 1);*/
    z-index: -5;
    overflow: hidden;
}
/***************************/
/*** End: Log In Section ***/
/***************************/




/*************************************/
/*** Manage Main Container Section ***/
/*************************************/
.div-nuevo-ingreso-header {
    display: inline-block;
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 5px;
    margin-bottom: 10px;
    /*background: #f4f4f4;*/
    /*border: 1px solid #dddddd;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    /*-webkit-box-shadow: 0 0 10px -4px;*/
    /*-moz-box-shadow: 0 0 10px -4px;*/
    /*box-shadow: 0 0 10px -4px;*/
    border: solid #3383ca;
    border-width: 2px 0;
    background-color: #9dffa9;
}
.div-nuevo-ingreso-header .div-nuevo-ingreso-header-title {
    font-family: 'SourceSansProBold', Helvetica, sans-serif !important;
    font-size: 17px;
}
.div-nuevo-ingreso-header .div-nuevo-ingreso-header-date {
    font-size: 16px;
}
.div-nuevo-ingreso-header.details {
    display: block;
    margin: 15px auto;
    padding: 5px 30px;
}
.simple-headers {
    margin: 30px 0;
    text-align: center;
}
.simple-headers .main {
    font-size: 17px;
}
.simple-headers .secondary {
    font-size: 14px;
}

.manage--general-main-container {
    position: relative; /*added for left aside*/
    height: auto;
    margin: 15px auto;
    border: none;
}
.manage--general-main-container .manage-main-content-container {
    display: block;
    float: left;
    margin: 0;
    border: none;
}
.manage-main-content-container .manage-item--content {
    position: relative;
    width: 100%;
    min-height: 400px; /*added*/
}
.manage-item--content * {
    font-size: 15px;
}
.manage-item--content .filtering-data--container {
    margin-bottom: 20px;
}
.manage-item--content .aditional-filters-and-records-container {
    position: relative;
}
.manage-item--content .aditional-filters-and-records-container .aditional-filters-container {
    position: absolute;
    left: 0;
}
.aditional-filters-and-records-container .aditional-filters-container .aditional-filters-fields {
    display: inline-block;
    margin-right: 50px;
}
.gif-loading-complex-query-results {
    display: none;
    position: absolute;
    width: 100%;
    height: 400px;
    background: url(../img/loading-filtered-data.gif) no-repeat center center;
    background-size: 180px 180px;
    z-index: 9;
}
.manage-item--content table * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.manage-item--content table {
    width: 100%;
    border-spacing: 0;
    text-align: center;
    border-collapse: separate;
    background-color: #fff;
    border: none;
}
.manage-item--content table.sticky-table-header {
    display: none;
    position: fixed;
    width: auto; /*initial*/
    top: 0;
    z-index: 5; /*80*/
}
.manage-item--content thead th {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    padding: 8px 0;
    color: #fff;
    /*background-color: #848484;*/
    /*border-color: #797979;*/
    border-color: #55575a;
    background: #717479;
}
.manage-item--content tbody tr:nth-child(odd) {
    background-color: #fbfbfb;
}
.manage-item--content tbody tr:not(.reveltr-current-results):hover,
.manage-item--content tbody tr.active {
    background-color: rgba(51, 131, 202, 0.2) !important;
}
.manage-item--content tbody tr:not(.reveltr-current-results):hover td {
    border-bottom-color: #c3c3c3;
}
.manage-item--content tbody tr.info-tr {
    border: none !important;
    text-align: center;
}
.manage-item--content tbody tr.info-tr,
.manage-item--content tbody tr.info-tr:hover {
    background-color: transparent !important;
}
.manage-item--content tbody tr.info-tr td {
    border: none;
    padding: 15px;
}
.manage-item--content tbody td {
    padding: 10px 0;
    vertical-align: middle;
    border-color: #dddddd;
}
.manage-item--content table th,
.manage-item--content table td {
    border-style: solid;
    border-width: 0 1px 1px 0;
}
.manage-item--content table th:first-child,
.manage-item--content table td:first-child {
    border-left-width: 1px;
}
.manage-item--content table tr:first-child th,
.manage-item--content table tr:first-child td {
    border-top-width: 1px;
}
.manage-item--content table tr:last-child th,
.manage-item--content table tr:last-child td {
    border-bottom-width: 1px;
}
.manage-item--content table th:first-child {
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
}
.manage-item--content table th:last-child {
    -webkit-border-top-right-radius: 3px;
    -moz-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}
.manage-item--content table i {
    color: #939393;
    font-style: italic;
}

.warning-incidences {
    display: block;
    background-color: #f7f4e2;
    color: #b7a12f;
    text-align: center;
    line-height: 22px;
}

/* style case query hasn't results */
.manage-item--content tbody tr.no-row-data {
    background-color: #f5f5f5;
}
.manage-item--content tbody tr.no-row-data td {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.manage-item--content tbody tr.no-row-data:hover td {
    border-bottom-color: #dddddd;
}
.manage-item--content tbody div.no-fetch-array-data {
    text-align: center;
    min-height: 125px;
    padding-top: 25px;
}
/******************************************/
/*** End: Manage Main Container Section ***/
/******************************************/



/************************************************************/
/*** Insert New Item - Manage Form Section and Main Links ***/
/************************************************************/
.insert-new-item--form-container {
    display: table;
    width: auto;
    height: auto;
    padding: 10px 20px;
    position: fixed;
    left: 0; right: 0;
    top: 0; bottom: 0;
    margin: auto;
    z-index: 101;
    overflow: hidden;
    border: 1px solid #7c7c7c;
    background-color: inherit;
    -webkit-box-shadow: 0 0 20px #3a3a3a;
    -moz-box-shadow: 0 0 20px #3a3a3a;
    box-shadow: 0 0 20px #3a3a3a;
}

.link-insert-new-item {
    display: table;
    font-size: 0 !important;
    padding: 5px 10px;
    margin: 10px 0;
    border: 1px solid #cce6cf;
    /*background-color: #e3eee0;*/
    background: #43c353;
    cursor: pointer;
    /*color: inherit;*/
    color: #fff;
}
.link-insert-new-item span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    font-size: 15px !important;
    line-height: 20px;
    vertical-align: middle;
    margin-left: 2px;
}
.link-insert-new-item:hover,
.link-insert-new-item:focus {
    /*border: 1px solid #b4ddb9;*/
    background: #32bf44;
    /*background-color: #daeddd;*/
}
/*.link-insert-new-item:hover i {
    color: #1483e2;
}*/
._div-insert-not-available {
    display: table;
    margin: 10px 0;
    height: 32px;
}
._div-insert-not-available + .side-link {
    left: 0 !important;
}

/* switch manage content types */
.switch-content-types {
    position: absolute;
    display: block;
    height: 100%;
    top: 0;
    right: 0;
    line-height: 55px;
    font-size: 0;
    padding: 0 5px;
    text-transform: uppercase;
}
.switch-content-types.niveles-curso { /*for vertical center*/
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}
.switch-content-types a {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    padding: 10px 5px;
    border: 1px solid #dddddd;
    cursor: pointer;
    color: inherit;
}
.switch-content-types a:not(.switch-actived) {
    background: linear-gradient(#f2f2f2, #dddddd);
}
.switch-content-types a:first-child {
    border-right-width: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.switch-content-types a:last-child {
    border-left-width: 1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.switch-content-types .switch-actived {
    background-color: rgba(142, 198, 126, 0.50);
    box-shadow: inset 0 3px 8px 1px rgba(0,0,0,0.2), 0 1px 0 rgba(255,255,255,0.5);
}

/* show-hide manage main menu */
.show-hide-manage-mainmenu {
    float: left;
    height: 45px;
    vertical-align: middle;
}
.show-hide-manage-mainmenu > div {
    height: 100%;
    padding: 0 15px;
    /*border: 1px solid #dddddd;*/
    cursor: pointer;
}
.show-hide-manage-mainmenu span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    line-height: 47px;
    text-transform: uppercase;
}
.show-hide-manage-mainmenu > div:hover i,
.show-hide-manage-mainmenu i.actived {
    color: #1483e2;
}

/* aditional style for main menu nav */
.administrative-options-nav.forToogleNav {
    display: none;
    position: absolute;
    width: auto !important;
    min-width: 0;
    left: -1px;
    top: 55px;
    z-index: 10;
}
.administrative-options-nav.forToogleNav:before {
    position: absolute;
    content: '';
    top: 4px;
    width: 100%;
    height: calc(100% - 4px);
    left: 50%;
    margin-left: -50%;
    -webkit-box-shadow: 0 0 10px -4px;
    -moz-box-shadow: 0 0 10px -4px;
    box-shadow: 0 0 10px -4px;
    z-index: -1;
}
.administrative-options-nav.forToogleNav > .administrative-main-options {
    margin-right: 0 !important;
    border-top-width: 0;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding-top: 5px;
}
.administrative-options-nav.forToogleNav .div-admin-section {
    margin-top: -5px;
}
.administrative-nav-tool {
    display: none;
    position: absolute;
    width: 283px;
    height: 15px;
    top: 52px;
    left: -1px;
    -webkit-box-shadow: 0 0 10px -4px;
    -moz-box-shadow: 0 0 10px -4px;
    box-shadow: 0 0 10px -4px;
    z-index: -1;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

/* simple manage search fields */
.manage-simple-search-fields {
    display: -webkit-inline-flex;
    display: inline-flex;
}
.manage-simple-search-fields.abs-center {
    position: absolute;
    font-size: 0;
    top: 0;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 5;
}
.manage-simple-search-fields input[type=text],
.manage-simple-search-fields input[type=button],
.manage-simple-search-fields button {
    height: 32px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.manage-simple-search-fields input[type=button],
.manage-simple-search-fields button {
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
    padding: 0 15px;
    color: inherit;
}
.manage-simple-search-fields input[type=button]:hover,
.manage-simple-search-fields button:hover {
    color: #3f72a9;
}
.manage-simple-search-fields input[type=text]:focus,
.manage-simple-search-fields input[type=button]:focus,
.manage-simple-search-fields button:focus {
    outline: #aaccf1 solid 1px !important;
    outline-offset: -1px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/*****************************************************************/
/*** End: Insert New Item - Manage Form Section and Main Links ***/
/*****************************************************************/



/*********************************/
/*** Manage Pagination Section ***/
/*********************************/
.mastercn-pagination-container {
    display: inline-block;
    width: 100%;
    text-align: center;
    vertical-align: middle;
}
.mastercn-pagination-container ul {
    display: inline-block;
    margin-top: 30px;
}
.mastercn-pagination-container ul li {
    display: inline;
    list-style: none;
}
.mastercn-pagination-container ul li a {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: inline-block;
    float: left;
    padding: 10px 7px;
    min-width: 35px;
    color: #498ecd;
    background-color: #fff;
    border: 1px solid #dddddd;
    border-left-width: 0;
    text-decoration: underline;
    cursor: pointer;
    -webkit-transition: background-color .2s; /* Safari */
    transition: background-color .2s;
}
.mastercn-pagination-container ul li a:hover:not(.not-available) {
    background-color: #f4f4f4;
    text-decoration: none;
}
.mastercn-pagination-container ul li:first-child a {
    border-left-width: 1px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.mastercn-pagination-container ul li:last-child a {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.mastercn-pagination-container ul li a.not-available {
    cursor: default;
    color: #939393;
    text-decoration: none;
}
.mastercn-pagination-container ul li a.active-marker {
    color: inherit;
    background-color: #f4f4f4;
}

/* current loaded results - info */
.reveltr-current-results,
.current-results-num {
    position: absolute;
    top: 0;
    right: 0;
}
.reveltr-current-results td {
    border-width: 0 !important;
    padding: 0 !important;
}
.reveltr-current-results td div,
.current-results-num > div {
    padding: 5px 10px;
    border: 1px solid #dddddd;
    background-color: #fbfbfb;
}
.reveltr-current-results td span,
.current-results-num > div span {
    line-height: 20px;
}
.reveltr-current-results td b,
.current-results-num > div b {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
}
.reveltr-current-results td div.no-results,
.current-results-num > div.info-no-results{
    padding-left: 31px;
    border-color: #edd4cc;
    background-color: #eddfda;
}
.reveltr-current-results td div.no-results span:before,
.current-results-num > div.info-no-results span:before {
    font-family: 'typicons';
    content: '\e092';
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -9px;
    font-size: 19px;
    color: #c2988a;
}
.reveltr-current-results td div.no-results span,
.current-results-num > div.info-no-results span {
    color: #8c8c8c;
}
.record--main-block.no-results {
    width: 100%;
    background-color: #f5f5f5;
}
.record--main-block.no-results .no-fetch-data {
    width: 100%;
    text-align: center;
    min-height: 125px;
    padding-top: 25px;
}
.record--main-block.no-results .no-fetch-data i {
    color: #939393;
    font-style: italic;
}
/**************************************/
/*** End: Manage Pagination Section ***/
/**************************************/


/*** Filter Results Fields (select, checkbox) ***/
.inputs-data-filterby select,
.inputs-data-filterby input[type="text"] {
    -webkit-transition: box-shadow 0.4s, border-color .3s;
    -moz-transition: box-shadow 0.4s, border-color .3s;
    -ms-transition: box-shadow 0.4s, border-color .3s;
    -o-transition: box-shadow 0.4s, border-color .3s;
    transition: box-shadow 0.4s, border-color .3s;
}
.inputs-data-filterby select:hover, .inputs-data-filterby input[type="text"]:hover,
.inputs-data-filterby select:focus, .inputs-data-filterby input[type="text"]:focus,
.inputs-data-filterby select:active, .inputs-data-filterby input[type="text"]:active {
    -webkit-box-shadow: 0 0 4px #d5d5d5;
    -moz-box-shadow: 0 0 4px #d5d5d5;
    box-shadow: 0 0 4px #d5d5d5;
    border-color: #c8c8c8;
}
/*** End: Filter Results Fields (select, checkbox) ***/



/****************************/
/*** Switch Content Types ***/
/****************************/
.mastercn-ddlist-switch-content-types {
    display: inline-block;
}
.mastercn-ddlist-switch-content-types .ddlist-switch-content-types {
    position: relative;
    display: table;
    height: 100%;
    text-transform: uppercase;
    cursor: pointer;
}
.mastercn-ddlist-switch-content-types .ddlist-displayed-content {
    display: table-cell;
    height: 100%;
    padding: 8px 8px 8px 10px;
    border: 1px solid #dddddd;
    vertical-align: middle;
    font-size: 0;
    text-align: left;
}
.mastercn-ddlist-switch-content-types .ddlist-displayed-content .ddlist-current-selected {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}
.mastercn-ddlist-switch-content-types .ddlist-displayed-content .ddlist-current-selected--icon {
    padding-left: 5px;
    font-size: 20px;
    vertical-align: middle;
    color: #878787;
    border-left: 1px solid #dddddd;
}
.mastercn-ddlist-switch-content-types .ddlist-displayed-content:hover .ddlist-current-selected--icon,
.mastercn-ddlist-switch-content-types .ddlist-displayed-content .ddlist-current-selected--icon.active {
    color: #1483e2;
}
.mastercn-ddlist-switch-content-types .list {
    list-style-type: none;
    position: absolute;
    display: none;
    left: 0;
    top: 43px;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 3;
}
.mastercn-ddlist-switch-content-types .list:before {
    position: absolute;
    content: '';
    top: 0;
    width: 100%;
    height: 100%;
    left: 50%;
    margin-left: -50%;
    -webkit-box-shadow: 0 0 10px -4px;
    -moz-box-shadow: 0 0 10px -4px;
    box-shadow: 0 0 10px -4px;
    z-index: -1;
}
.mastercn-ddlist-switch-content-types .list li a {
    display: block;
    padding: 8px 10px;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    border-top-width: 0;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    -ms-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    transition: background-color 0.2s;
}
.mastercn-ddlist-switch-content-types .list li a:hover {
    background-color: #f4f4f4;
}
/*********************************/
/*** End: Switch Content Types ***/
/*********************************/



/*******************************/
/*** Filtering Data Controls ***/
/*******************************/
fieldset.filtering-data-controls {
    padding: 10px;
}
fieldset.filtering-data-controls,
fieldset.filtering-data-controls legend {
    background-color: rgba(232, 236, 241, 0.75);
    border: 1px solid #e1e1e1;
}
fieldset.filtering-data-controls,
fieldset.filtering-data-controls * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-align: initial;
    font-size: 14px;
}
fieldset.filtering-data-controls legend {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    margin: 0 auto;
    text-transform: uppercase;
    padding: 1px 8px;
    font-size: 13px;
}
fieldset.filtering-data-controls legend.toggle-switch {
    cursor: pointer;
}
fieldset.filtering-data-controls > div {
    display: block; /*overflow: hidden;*/
}
fieldset.filtering-data-controls .filters {
    margin-bottom: 20px;
}
fieldset.filtering-data-controls .filters > div,
fieldset.filtering-data-controls .perform-controls > div > div {
    float: left;
    margin-right: 41px; /*calc(128px/3) = 150-20(padding)-2(border)*/
}
fieldset.filtering-data-controls .filters > div:last-child,
fieldset.filtering-data-controls .perform-controls > div > div:last-child {
    margin-right: 0;
}
fieldset.filtering-data-controls .perform-controls {
    text-align: right;
}
fieldset.filtering-data-controls .perform-controls > div {
    float: right;
}
fieldset.filtering-data-controls input[type=text],
fieldset.filtering-data-controls select {
    display: block;
    width: 100%;
    color: #8c8c8c;
}

fieldset.filtering-data-controls .filter-by-tipomatricula {
    width: 155px;
}
fieldset.filtering-data-controls .filter-by-curso {
    width: 320px;
}
fieldset.filtering-data-controls .filter-by-instructor {
    width: 290px;
}
fieldset.filtering-data-controls .filter-by-alumno {
    width: 290px;
    position: relative;
}

fieldset.filtering-data-controls input[type=checkbox] {
    vertical-align: -10%;
}
fieldset.filtering-data-controls input[type=checkbox],
fieldset.filtering-data-controls input[type=checkbox] + label {
    margin: 0;
}
fieldset.filtering-data-controls .perform-controls .buttons > a {
    padding: 2px 15px;
    background-color: #d4d9e2;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #d2d2d2;
    -webkit-transition: box-shadow 0.4s;
    -moz-transition: box-shadow 0.4s;
    -ms-transition: box-shadow 0.4s;
    -o-transition: box-shadow 0.4s;
    transition: box-shadow 0.4s;
}
fieldset.filtering-data-controls .perform-controls .buttons > a#abtn-apply-filters {
    background-color: #e2d8d4;
}
fieldset.filtering-data-controls .perform-controls .buttons > a:hover {
    -webkit-box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    -moz-box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    box-shadow: 0 0 7px rgba(181, 181, 181, 0.59);
    border-color: #cccccc;
}
fieldset.filtering-data-controls .perform-controls .buttons > a#abtn-apply-filters.disabled {
    color: #8a8a8a;
    background-color: #d1dcd1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: default;
}

/* Search Alumno Results */
.live-search-results--container {
    position: absolute;
    width: inherit;
    background-color: #eae8e4;
    -webkit-box-shadow: 0 0 4px #d0d0d0;
    -moz-box-shadow: 0 0 4px #d0d0d0;
    box-shadow: 0 0 4px #d0d0d0;
    z-index: 5;
}
.live-search-results--list {
    list-style-type: none;
    margin: 0;
}
.live-search-results--list li a {
    display: block;
    padding: 4px 10px;
    border-bottom: 1px solid #d0d0d0;
    cursor: pointer;
}
.live-search-results--list li a.overedSuggestion {
    background-color: #d8d8d8;
}
.live-search-results--container .search-error {
    display: inline-block;
    width: 100%;
    text-align: center;
    background-color: #f5f1e4;
    color: #bfae97;
}
/************************************/
/*** End: Filtering Data Controls ***/
/************************************/


/*** Dialog Edit Item (matricula) Data ***/
.edit-item-data--container {
    padding: 5px;
    border: 1px solid #ededed;
    min-width: 400px;
}
.edit-item-data--container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.edit-item-data--container > div {
    position: relative;
    width: 100%;
    font-size: 0;
}
.edit-item-data--container h3 {
    color: #c3975c;
}
.edit-item-data--container .dialog-title {
    text-align: center;
}
.edit-item-data--container .dialog-title .record-number {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    font-size: 14px;
    margin-top: 5px;
}
.edit-item-data--container .dialog-title .lnk-close-dialog {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5px;
    font-size: 18px;
    line-height: 45%;
    border: 1px solid transparent;
    cursor: pointer;
    font-weight: bold;
    color: #9c9c9c;
}
.edit-item-data--container .dialog-title .lnk-close-dialog:hover {
    border-color: #afafaf;
    background-color: #ededed;
}
.edit-item-data--container .item-main-info-section {
    margin: 0 0 5px;
    padding: 1px;
    background-color: #efefef;
    overflow: auto;
}
.edit-item-data--container .aditional-info * {
    font-size: inherit;
}
.edit-item-data--container .changeprog-transfermatr--details {
    overflow: auto;
    min-width: 500px;
}
.edit-item-data--container .item-main-info-section *,
.edit-item-data--container .changeprog-transfermatr--details * {
    font-size: 13px;
}
.edit-item-data--container .item-main-info-section > dl,
.edit-item-data--container .changeprog-transfermatr--details > dl {
    float: left;
    width: 50%;
    margin: 0;
}
.edit-item-data--container .item-main-info-section > dl.nofloat,
.edit-item-data--container .changeprog-transfermatr--details > dl.nofloat {
    float: none;
    width: 100%;
}
.item-main-info-section > dl.inline dt,
.item-main-info-section > dl.inline dd,
.changeprog-transfermatr--details > dl.inline dt,
.changeprog-transfermatr--details > dl.inline dd {
    display: inline;
}
.edit-item-data--container .item-main-info-section dd,
.edit-item-data--container .changeprog-transfermatr--details dd {
    margin: 0;
}
.edit-item-data--container .editing-item-controls textarea {
    width: 100%;
    height: 70px;
    -moz-resize: vertical;
    resize: vertical;
    max-height: 180px;
}
.edit-item-data--container .editing-item-buttons {
    text-align: center;
    margin: 15px 0 5px;
}
.edit-item-data--container .editing-item-buttons [class|=abtn-do-edit] {
    background-color: #909090;
    color: #fff;
}
.edit-item-data--container .editing-item-buttons [class|=abtn-do-edit].disabled {
    opacity: 0.6;
    cursor: default;
}
.edit-item-data--container .editing-item-buttons a:first-child {
    margin-right: 20px;
}

.edit-item-data--container .editing-item-controls > form > div {
    font-size: 0;
    margin-bottom: 10px;
}
.edit-item-data--container .editing-item-controls > form > div > div {
    display: inline-block;
    width: 170px;
    font-size: 15px;
    vertical-align: top;
}
.edit-item-data--container .editing-item-controls > form > div > div.estado > div {
    line-height: 28px;
}
.edit-item-data--container .editing-item-controls > form > div > div:first-child {
    width: 210px;
    margin-right: 20px;
}
.edit-item-data--container .editing-item-controls .modalidad {
    display: block;
    margin: 0 auto !important;
    text-align: center;
}
.edit-item-data--container .editing-item-controls input[type=text],
.edit-item-data--container .editing-item-controls input[type=password],
.edit-item-data--container .editing-item-controls input[type=number],
.edit-item-data--container .editing-item-controls select {
    display: block;
    width: 100%;
}
.edit-item-data--container .editing-item-controls input#in-matr-costo {
    padding-left: 25px;
}
.edit-item-data--container .editing-item-controls .input-costo {
    position: relative;
}
.edit-item-data--container .editing-item-controls .input-costo > span {
    position: absolute;
    pointer-events: none;
    left: 3px;
}
.edit-item-data--container .editing-item-controls .label-aspect {
    display: inline-block;
    cursor: default;
}
.edit-item-data--container .editing-item-controls .cn.refresh {
    display: none;
    color: #797979;
    cursor: pointer;
}
.edit-item-data--container .editing-item-controls .cn.refresh:hover {
    color: #4a83cd;
}
.edit-item-data--container #dialog-general-validation-errors {
    position: absolute;
    display: none;
    bottom: 3px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 300px;
    padding: 10px;
    background-color: rgba(230, 208, 162, 0.8);
    border: 1px solid #c7a870;
    color: #8e3519;
}
.edit-item-data--container #dialog-general-validation-errors span {
    display: block;
    color: inherit;
}
.edit-item-data--container #dialog-loading-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8) url("../img/validate-dialog.gif") center center no-repeat;
    opacity: 0.1;
    filter: alpha(Opacity=10);
    z-index: 5;
}

/* dialog edit error response */
.dialog-edit-item--error-response {
    width: 250px;
}
.dialog-edit-item--error-response .err-head {
    background-color: #ffd1d1;
    color: #873838;
    text-align: center;
    padding: 3px 0;
}
.dialog-edit-item--error-response .err-body {
    padding: 10px;
}
.dialog-edit-item--error-response .err-foot {
    text-align: center;
}
.dialog-edit-item--error-response .err-close-link {
    color: #873838;
    cursor: pointer;
}
.dialog-edit-item--error-response .err-close-link:hover {
    text-decoration: underline;
}

.search-record--no-results {
    color: rgba(148, 80, 80, 0.86);
    text-align: center;
    padding: 10px;
}

/* when contain absolute elemen (case: alumno live-search) */
.mastercn-flexible-dialog-window--container.def-ovf {
    overflow: visible;
}

/* when content height expands dynamically and need to see all (case: alumno live-search results) */
.mastercn-flexible-dialog-window--container.flexd-absolute {
    position: absolute;
}

/*** Tool for Update item in the same place ***/
.sameplace-update-item--tool {
    position: absolute;
    display: none;
    text-align: center;
}
.sameplace-update-item--tool .update-tool-area {
    padding: 5px;
}
.sameplace-update-item--tool .tool-hint {
    font-size: 12px;
}
.sameplace-update-item--tool.vacantes {
    width: 180px;
    background-color: inherit;
    padding: 5px 0;
    border: 1px solid #ededed;
}
.sameplace-update-item--tool.vacantes input[type=number] {
    width: 65px;
}
.sameplace-update-item--tool.valid-dni {
    background-color: #eae1d7;
    display: inline-block;
    padding: 0 5px;
    border: 1px solid #d2c4ac;
}
.sameplace-update-item--tool.valid-dni i {
    font-size: 16px;
    cursor: pointer;
}
.sameplace-update-item--tool.valid-dni i.tick {
    color: #47a566;
}
.sameplace-update-item--tool.valid-dni i.delete {
    color: #a54747;
}
.sameplace-update-item--tool.valid-dni i.adjust-contrast {
    color: #8c8c8c;
}


/*** Longtext Details Container ***/
.longtext-full-view--abs-container {
    position: absolute;
    padding: 6px 8px;
    margin-top: 5px;
    border: 1px solid #dcdcd1;
    background-color: #f1f0ce;
    z-index: 1;
    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .20);
    -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .20);
    box-shadow: 0 0 15px rgba(0, 0, 0, .20);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.longtext-full-view--abs-container > pre {
    margin: 0;
    font-size: 14px;
    white-space: pre-line;
}
.longtext-full-view--abs-container.alumno,
.longtext-full-view--abs-container.instructor {
    width: 350px;
}
.longtext-full-view--abs-container.alumno:before,
.longtext-full-view--abs-container.instructor:before {
    content: "";
    position: absolute;
    border: 8px solid transparent;
    border-bottom-color: #dcdcd1;
    margin-left: -8px;
    top: -16px;
    left: 50%;
}






/****************************/
/*** Public Basics Styles ***/
/****************************/
.query-results--container {
    padding: 0 20px;
}
.query-results--container .qr-head {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    font-size: 17px;
    width: 100%;
    text-align: center;
}
.query-results--container .qr-foot {
    margin-top: 25px;
    text-align: center;
}
.query-results--container .qr-foot a {
    margin: 5px;
}


/*** Account Confirmation ***/
.account-confirmation--container .confirmation-message > div {
    padding: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}



/**********************/
/*** Public Buttons ***/
/**********************/
.publiclnkbtn {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    padding: 6px 10px 7px;
    margin: 5px;
    display: inline-block;
    color: white;
    -webkit-transition: background-color .2s;
    -moz-transition: background-color .2s;
    -ms-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
}
.publiclnkbtn.disabled,
.publiclnkbtn.disabled:hover,
.publiclnkbtn.disabled:focus,
.publiclnkbtn.disabled:active {
    opacity: 0.4;
    cursor: default;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: white !important;
}
.publiclnkbtn:hover, .publiclnkbtn:focus {
    -webkit-box-shadow:  0 0 10px -3px #676767;
    -moz-box-shadow:  0 0 10px -3px #676767;
    box-shadow:  0 0 10px -3px #676767;
}
.publiclnkbtn:not(.disabled):active {
    padding: 7px 10px 6px;
    background-color: white !important;
}
.publiclnkbtn.blue {
    background-color: #238cea;
    color: #fff;
}
.publiclnkbtn.blue:hover,
.publiclnkbtn.blue:focus {
    background-color: #2387e0; /*#348ad6*/
}
.publiclnkbtn.blue:active {
    color: #1483e2; /*#408ed2*/
}
.publiclnkbtn.green {
    background-color: #4daf65;
}
.publiclnkbtn.green:hover,
.publiclnkbtn.green:focus {
    background-color: #51a260;
}
.publiclnkbtn.green:active {
    color: #29a247;
}
.publiclnkbtn.golden {
    background-color: #e2b516;
}
.publiclnkbtn.golden:hover,
.publiclnkbtn.golden:focus {
    background-color: #cda513;
}
.publiclnkbtn.golden:active {
    color: #deac4d;
}
.publiclnkbtn.orange {
    background-color: #da9741;
}
.publiclnkbtn.orange:hover,
.publiclnkbtn.orange:focus {
    background-color: #cf8d40;
}
.publiclnkbtn.orange:active {
    color: #da9944;
}
.publiclnkbtn.brown {
    background-color: #b1947d;
}
.publiclnkbtn.brown:hover,
.publiclnkbtn.brown:focus {
    background-color: #a98f7a;
}
.publiclnkbtn.brown:active {
    color: #9e795b;
}
.publiclnkbtn.gray {
    background-color: #939393;
}
.publiclnkbtn.gray:hover,
.publiclnkbtn.gray:focus {
    background-color: #8c8c8c;
}
.publiclnkbtn.gray:active {
    color: #7c7c7c;
}


/***********************/
/*** alerts messages ***/
/***********************/
.success-alert {
    background-color: #f1f7f2;
    /*background-color: rgba(236, 245, 238, 0.6);*/
    border: 1px solid #ddece4;
    color: #258e47;
}
.error-alert {
    background-color: #fff7f7;
    /*background-color: rgba(255, 246, 246, 0.6);*/
    border: 1px solid #ecdfdf;
    color: #ad4040;
}
.info-alert {
    background-color: #f3f9ff;
    /*background-color: rgba(237, 246, 255, 0.72);*/
    border: 1px solid #dde8f3;
    color: #005cab;
}
.warning-alert {
    background-color: #fdf9f0;
    /*background-color: rgba(249, 246, 236, 0.6);*/
    border: 1px solid #eae6d8;
    color: #9e6f00; /*#9e7600*/
}
.gray-alert {
    background-color: #f7f7f7;
    /*background-color: rgba(243, 243, 243, 0.6);*/
    border: 1px solid #e6e6e6;
    color: #737373;
}
.warning-alert[role=tooltip] {
    background-color: #f7f4ee;
}
[class*='-alert'].w-icon {
    text-align: center;
}
[class*='-alert'].w-icon .icon {
    font-size: 2.5em;
}
[class*='-alert'].w-icon p {
    text-align: left;
    margin: 10px 0 0;
}
.alert-wicon {
    display: table;
    padding: 10px;
}
.alert-wicon .icon,
.alert-wicon .text {
    display: table-cell;
    vertical-align: middle;
}
.alert-wicon .icon + .text,
.alert-wicon .text + .icon {
    padding-left: 8px;
}
.alert-wicon .icon {
    min-width: 10px;
    text-align: center;
}

.error-color, .important-color {
    color: #e03c3c !important;
}
.warning-color {
    color: #c39200 !important;
}
.orange-color {
    color: #d67f26 !important;
}
.main-title-color {
    color: #ce872b;
}
.gold-color {
    color: #daae08 !important;
}
.gold-color2 {
    color: #f1cd45;
}
.success-color {
    color: #46a252 !important;
}
.info-color {
    color: #1483e2 !important;
}
.academics-lnk-color {
    color: #2a6ba9 !important;
}
.violet-color {
    color: #5b30bd !important;
}
.brown-color {
    color: #9e795b !important;
}
.gray-color {
    color: gray !important;
}
.txt-capriblue {
    color: #01a3d2 !important;
}

.title-bgcolor {
    background-color: #fbf7f2;
}
.academics-bgcolor,
.table-wrapper.academicsbg table {
    background-color: #f0f8ff;
}
.academics-bgcolor.w-bdr,
.table-wrapper.academicsbg.border table {
    border: 1px solid #dde8f3;
}
.bg-blue {
    background-color: #1483e2 !important;
    color: #fff;
}

.hline {
    border: none;
    height: 1px;
    background-color: #d6d6d6;
    margin: 25px 0;
    -webkit-box-shadow: 0 1px 0 #f9f9f9;
    -moz-box-shadow: 0 1px 0 #f9f9f9;
    box-shadow: 0 1px 0 #f9f9f9;
}
.hline.infoa {
    background-color: #dde8f3;
}

/* callouts */
.callout {
    position: relative;
    border: 1px solid;
    border-left-width: 0;
    padding: 15px 15px 15px 21px;
}
.callout:before {
    content: '';
    position: absolute;
    width: 6px;
    left: 0;
    top: -1px;
    bottom: -1px;
}
.callout.cinfo {
    border-color: #cce3f7;
    color: #005cab;
}
.callout.cinfo:before {
    background-color: #2a8fe6;
}

/* list style elements */
.list-style,
.list-style.ul li {
    position: relative;
    padding-left: 40px;
    list-style: none;
}
.list-style.ul {
    padding-left: 0;
}
.list-style.ul li {
    margin-bottom: 10px;
}
.list-style.ul li:last-child {
    margin-bottom: 0;
}
.list-style:before,
.list-style.ul li:before {
    font-family: 'typicons', sans-serif;
    position: absolute;
    left: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
    display: inline-block;
    height: 1em;
    font-size: 1em;
    vertical-align: middle;
}
.list-style.ul:before {
    display: none;
}
.list-style.compass li:before {
    content: '\e051';
}


/*** absolute tooltip ***/
._form-fields-abs-tooltip {
    position: absolute;
    display: none;
    width: 250px;
    padding: 3px 7px;
    font-size: 14px;
    -webkit-box-shadow: 0 0 15px -5px #b7b7b7;
    -moz-box-shadow: 0 0 15px -5px #b7b7b7;
    box-shadow: 0 0 15px -5px #b7b7b7;
    z-index: 9;
}
._form-fields-abs-tooltip:after {
    content: '';
    position: absolute;
    border: 8px solid transparent;
    border-top-color: inherit;
    margin-left: -8px;
    bottom: -16px;
    left: 50%;
    pointer-events: none;
}

.absolute-positioned-tooltip {
    display: none;
    position: absolute;
    background-color: #fbf5e4;
    border: 1px solid #e6c284;
    color: #9e6f00;
    padding: 3px 5px;
    font-size: 14px;
    z-index: 5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: default;
    white-space: nowrap;
}
.absolute-positioned-tooltip.over:after,
.absolute-positioned-tooltip.under:before {
    content: '';
    position: absolute;
    border-color: transparent;
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -3.5px;
    pointer-events: none;
}
.absolute-positioned-tooltip.over:after {
    bottom: -7px;
    border-top-color: inherit;
    border-style: solid dashed dashed;
    border-width: 7px 7px 0;
}
.absolute-positioned-tooltip.under:before {
    top: -7px;
    border-bottom-color: inherit;
    border-style: dashed dashed solid;
    border-width: 0 7px 7px;
}

.modal-dialog-validation-events {
    display: none;
    padding: 15px;
}
.modal-dialog-validation-events.abs {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(23, 23, 23, 0.15);
    z-index: 10;
}
.modal-dialog-validation-events.abs .wp {
    height: 100%;
    width: 85%;
    max-width: 450px;
    margin: auto;
    padding: 0 0 15px;
    text-align: center;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.modal-dialog-validation-events.abs .title {
    background-color: #d67f26;
    color: #fff;
    line-height: 40px;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.modal-dialog-validation-events.abs .events {
    padding: 15px 15px 15px 32px;
    overflow: auto;
    text-align: left;
    height: -webkit-calc(100% - 85px);
    height: -moz-calc(100% - 85px);
    height: calc(100% - 85px);
    margin: 5px 0;
}
.modal-dialog-validation-events.abs .events span {
    display: list-item;
    margin: 5px 0;
    list-style: disc;
}
.modal-dialog-validation-events.abs button {
    background-color: #fff;
    border: none;
    -webkit-box-shadow: 0 2px 6px -2px #bdbdbd;
    -moz-box-shadow: 0 2px 6px -2px #bdbdbd;
    box-shadow: 0 2px 6px -2px #bdbdbd;
    color: #1483e2;
}
.modal-dialog-validation-events.abs button:hover,
.modal-dialog-validation-events.abs button:focus {
    -webkit-box-shadow: 0 2px 7px -1px #bdbdbd;
    -moz-box-shadow: 0 2px 7px -1px #bdbdbd;
    box-shadow: 0 2px 7px -1px #bdbdbd;
}


/***********************/
/*** drop-down lists ***/
/***********************/
._simple-drop-down-list {
    display: inline-block;
    position: relative;
}
._simple-drop-down-list .current-selected {
    display: inline-block;
    padding: 0 10px;
    border: 1px solid #dddddd;
    width: 100%;
    height: 40px;
    line-height: 38px;
    font-size: 0;
    letter-spacing: 0;
    word-spacing: 0;
}
._simple-drop-down-list .current-selected > span {
    font-family: 'SourceSansProSemiBold', Helvetica, sans-serif;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    white-space: nowrap;
    min-width: 105px;
}
._simple-drop-down-list .arrow-icon {
    padding-left: 5px;
    font-size: 20px;
    vertical-align: middle;
    color: #878787;
    border-left: 1px solid #dddddd;
    margin: 0 -3px 0 15px;
}
._simple-drop-down-list .current-selected:hover .arrow-icon,
._simple-drop-down-list .current-selected.active .arrow-icon {
    color: #1483e2;
}
._simple-drop-down-list .options-list {
    display: none;
    list-style-type: none;
    position: absolute;
    text-align: left;
    left: 0;
    top: 40px;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
}
._simple-drop-down-list .options-list a {
    display: block;
    padding: 8px 10px;
    border: 1px solid #dddddd;
    background-color: #fafafa;
    border-top-width: 0;
}
._simple-drop-down-list .options-list a:hover,
._simple-drop-down-list .options-list a:focus {
    background-color: #9e9e9e;
    color: white;
}

._simple-drop-down-list a {
    color: inherit;
}

._simple-drop-down-list .loading-icon {
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    margin: auto;
    top: 0;
    bottom: 0;
    right: -38px;
    background: url("../img/loading-filtered-data.gif") center no-repeat;
    background-size: 100% 100%;
}

.field-clarifications {
    font-size: 13px;
    color: #939393;
}



/*** Input Styles ***/
.check-style {
    display: none;
}
.check-style + label,
.check-style + .chk-box {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #fff;
    line-height: 18px;
    vertical-align: middle;
}
.check-style:checked + label,
.check-style:checked + .chk-box {
    background: url(../img/tick-blue.png) no-repeat center center;
    background-size: 11px 13px;
}

.checkbox-style:after {
    content: '';
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
.checkbox-style input[type=checkbox] {
    display: none;
}
.checkbox-style [role=checkbox],
.checkbox-style label {
    float: left;
}
.checkbox-style input[type=checkbox] + [role=checkbox],
.checkbox-style input[type=checkbox] + label {
    width: 17px;
    height: 17px;
    border: 1px solid #dddddd;
    background-color: #fff;
    line-height: 17px;
    vertical-align: middle;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.checkbox-style input[type=checkbox] + [role=checkbox]:hover,
.checkbox-style input[type=checkbox] + [role=checkbox]:focus,
.checkbox-style input[type=checkbox] + label:hover,
.checkbox-style input[type=checkbox] + label:focus {
    border-color: #d8d8d8;
    -webkit-box-shadow: 0 0 3px -1px #bbb;
    -moz-box-shadow: 0 0 3px -1px #bbb;
    box-shadow: 0 0 3px -1px #bbb;
}
.checkbox-style input[type=checkbox]:checked + label,
.checkbox-style input[type=checkbox]:checked + [role=checkbox] {
    background: url(../img/tick-blue.png) no-repeat center center;
    background-size: 12px 11px;
}
.checkbox-style input[type=checkbox][aria-invalid=true] + label,
.checkbox-style input[type=checkbox][aria-invalid=true] + [role=checkbox],
.checkbox-style [role=checkbox][aria-invalid=true] {
    border-color: #bd665c !important;
}
.checkbox-style [role=checkbox] + label {
    margin-left: 5px;
    line-height: 17px;
    vertical-align: middle;
    display: inline-block;
}
.checkbox-style label + [role=checkbox] {
    margin-left: 5px;
}


.ctype-computacion {
    color: #5daac7;
}
.ctype-proind {
    color: #ba8565;
}


/**************************/
/*** animations classes ***/
/**************************/
.success-element-bgcolor {
    -webkit-animation: successBgcolor 2500ms;
    -moz-animation: successBgcolor 2500ms;
    animation: successBgcolor 2500ms;
}
@-webkit-keyframes successBgcolor {
    0% {background-color: #8cd1b2;}
    25% {background-color: #62d199;}
    50% {background-color: #62d199;}
    100% {background-color: transparent;}
}
@-moz-keyframes successBgcolor {
    0% {background-color: #8cd1b2;}
    25% {background-color: #62d199;}
    50% {background-color: #62d199;}
    100% {background-color: transparent;}
}
@keyframes successBgcolor {
    0% {background-color: #8cd1b2;}
    25% {background-color: #62d199;}
    50% {background-color: #62d199;}
    100% {background-color: transparent;}
}

.error-element-bgcolor {
    -webkit-animation: errorBgcolor 3000ms;
    -moz-animation: errorBgcolor 3000ms;
    animation: errorBgcolor 3000ms;
}
@-webkit-keyframes errorBgcolor {
    0% {background-color: #eaa5a1;}
    25% {background-color: #d18480;}
    50% {background-color: #d18480;}
    100% {background-color: transparent;}
}
@-moz-keyframes errorBgcolor {
    0% {background-color: #eaa5a1;}
    25% {background-color: #d18480;}
    50% {background-color: #d18480;}
    100% {background-color: transparent;}
}
@keyframes errorBgcolor {
    0% {background-color: #eaa5a1;}
    25% {background-color: #d18480;}
    50% {background-color: #d18480;}
    100% {background-color: transparent;}
}


/*** input style for hour ***/
.hour-stl-box {
    font-size: 0;
}
.hour-stl-box div[role=group] {
    position: relative;
    display: inline-block;
    border: 1px solid #dddddd;
    font-size: 1rem;
}
.hour-stl-box div[role=group][data-element-invalid="true"] {
    border-color: #de8d83;
}
.hour-stl-box div[role=group]::after {
    content: "";
    clear: both;
    display: table;
}
.hour-stl-box div[role=group].focused {
    border-color: #90b6e4;
}
.hour-stl-box input[type=number] {
    text-align: center;
}
.hour-stl-box input[type=number],
.hour-stl-box select {
    border: none;
    width: 40px;
    height: 31px;
    float: left;
    outline: none;
}
.hour-stl-box input[type=number]:nth-of-type(2),
.hour-stl-box input[type=number] + select {
    margin-left: 5px;
}
.hour-stl-box .separator {
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
    position: absolute;
    left: 40px;
    top: 1px;
    bottom: 1px;
    line-height: 29px;
    vertical-align: middle;
    display: inline-block;
    width: 5px;
    text-align: center;
}


hr.separator {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.noborder {
    border: none !important;
}

.btn {
    position: relative;
}
.btn:hover {
    box-shadow: 1px 2px 15px -5px #000;
}
.btn:active {
    box-shadow: none;
    bottom: -3px;
}


.toggle-area {
    position: relative;
}
.toggle-area:after {
    content: '';
    height: 0;
    display: table;
    clear: both;
}
.toggle-area.aside > div {
    float: left;
}
.toggle-area.aside .div-triggers {
    width: 30%;
}
.toggle-area.aside .div-regions {
    width: 70%;
}
.toggle-area div[role=region] {
    display: none;
}
.toggle-area .trigger {
    font-family: "SourceSansProSemiBold", Helvetica, sans-serif;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 15px;
    cursor: pointer;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-align: left;
}
.toggle-area .trigger[aria-expanded='true'],
.toggle-area .trigger:hover,
.toggle-area .trigger:focus {
    background: #fff;
    color: inherit;
}
.toggle-area .trigger[aria-expanded='true'] {
    color: #1483e2;
}