:root {
	--color-corp:#1e58a5;
	--color-light-corp:#9AAAD9;
	--color-orange-corp:#F28705;
}

/* ++++++++++++++++++++++++++++++ FONTS ++++++++++++++++++++++++++++++ */

@font-face {
    font-family: 'quicksandregular';
    src: url('../fonts/Quicksand-Regular/quicksand-regular.eot');
    src: url('../fonts/Quicksand-Regular/quicksand-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand-Regular/quicksand-regular.woff') format('woff'),
         url('../fonts/Quicksand-Regular/quicksand-regular.ttf') format('truetype'),
         url('../fonts/Quicksand-Regular/quicksand-regular.svg#quicksandregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'quicksandbold';
    src: url('../fonts/Quicksand-Bold/quicksand-bold.eot');
    src: url('../fonts/Quicksand-Bold/quicksand-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand-Bold/quicksand-bold.woff') format('woff'),
         url('../fonts/Quicksand-Bold/quicksand-bold.ttf') format('truetype'),
         url('../fonts/Quicksand-Bold/quicksand-bold.svg#quicksandbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SofiaProBold';
    src: url('../fonts/SofiaProBold/SofiaPro-BoldItalic.eot');
    src: url('../fonts/SofiaProBold/SofiaPro-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaProBold/SofiaPro-BoldItalic.woff2') format('woff2'),
        url('../fonts/SofiaProBold/SofiaPro-BoldItalic.woff') format('woff'),
        url('../fonts/SofiaProBold/SofiaPro-BoldItalic.ttf') format('truetype'),
        url('../fonts/SofiaProBold/SofiaPro-BoldItalic.svg#SofiaPro-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}
@font-face {  
    font-family: 'SofiaPro';
    src: url('../fonts/SofiaProRegular/SofiaPro.eot');
    src: url('../fonts/SofiaProRegular/SofiaPro.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaProRegular/SofiaPro.woff2') format('woff2'),
        url('../fonts/SofiaProRegular/SofiaPro.woff') format('woff'),
        url('../fonts/SofiaProRegular/SofiaPro.ttf') format('truetype'),
        url('../fonts/SofiaProRegular/SofiaPro.svg#SofiaPro') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SofiaProLight';
    src: url('../fonts/SofiaProLight/SofiaPro-Light.eot');
    src: url('../fonts/SofiaProLight/SofiaPro-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SofiaProLight/SofiaPro-Light.woff2') format('woff2'),
        url('../fonts/SofiaProLight/SofiaPro-Light.woff') format('woff'),
        url('../fonts/SofiaProLight/SofiaPro-Light.ttf') format('truetype'),
        url('../fonts/SofiaProLight/SofiaPro-Light.svg#SofiaPro-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* ++++++++++++++++++++++++++++++ COMMON ++++++++++++++++++++++++++++++ */

body { overflow-x:hidden; background-color:#272727; font-family:'SofiaPro', Arial, Helvetica, sans-serif; font-size:14px; line-height:1; color:#777; }
a, a:link, a:visited, a:active, a img { text-decoration:none; color:var(--color-corp); }
a, a:link, a:visited, a:active, a img, .btn, .smooth { -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
a:hover { text-decoration:none; color:#000; cursor:pointer; }
a:focus { outline:none; }
strong { font-family:'SofiaProBold', Arial, Helvetica, sans-serif; }
ul, ol { list-style:none; margin:0; padding:0; }
p { margin:0; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, label, * { font-weight:normal; }
.h2, h2, .h3, h3 { margin-top:0; color:#000; }
.h3, h3 { font-size:19px; }
.row { margin:0; }
a h2 { color:var(--color-corp); }
.small { font-size:inherit; }

.text { line-height:1.4em; }
.text p { margin-bottom:15px; }
.text .img { width:100%; margin:30px 0; }
.text .img.pull-left, .text .img.pull-right { width:40%; }
.text .img.pull-left { float:left; margin:0 30px 30px 0; }
.text .img.pull-right { float:right; margin:0 0 30px 30px; }
.text ul, .text ol { margin-bottom:5px; padding-left:40px; }
.text ul li { list-style:circle; }
.text ol li { list-style-type:decimal; }
.text li { margin-bottom:10px; }
.ellipsis { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

.rounded-small { border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.rounded-small-right { border-radius:0px 5px 5px 0px; -ms-border-radius:0px 5px 5px 0px; -moz-border-radius:0px 5px 5px 0px; -webkit-border-radius:0px 5px 5px 0px; -khtml-border-radius:0px 5px 5px 0px; }
.rounded-medium { border-radius:7px; -ms-border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; }
.rounded-large { border-radius:10px; -ms-border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; }
.rounded-xlarge { border-radius:15px; -ms-border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; -khtml-border-radius:15px; }
.rounded-full { border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; }

.bg-blue { background-color:var(--color-corp) }
.navbar-inverse.bg-blue {
    background-color: var(--color-corp);
    border-color: var(--color-corp);
}
.bg-orange-corp { background-color:var(--color-orange-corp)}
.bg-light-grey { background-color:#F8F8F8; }
.bg-grey { background-color:#EFEFEF; }
.bg-middle-grey { background-color:#BBB; }
.bg-white { background-color:#FFF; }
.bg-overlay { background-image:url(../images/login-overlay.png); position:fixed; opacity:1; filter:alpha(opacity=100); left:0px; top:0px; width:100%; height:100%; z-index:0; }

#cont_main {
	height:100%;
}
#cont_main > .container {
	min-height:calc(100vh - 170px);
}

.content { background-color:#FFF; }
.container { width:100%; max-width:1300px; min-width:768px; margin:auto; padding:0; }

/* .img-responsive { width:100%; } */

.breadcrumb { background-color:transparent; color:#aaa; font-size:19px; margin:40px 0 30px; padding:0; }
.breadcrumb .breadcrumb-separator { font-size:11px; }

.tooltip-inner { padding:8px; }

.search-results-data { margin-top:25px; }
.search-results-data .count { padding:10px 12px 0; }

.pagination-block { margin-top:25px; padding:0 12px; }
.pagination-numbers { display:inline-table; background-color:#F2F2F2; }
.pagination-numbers a { padding:5px 10px; font-size:13px; color:#AAA; } 
.pagination-numbers a:hover { color:var(--color-corp); } 
.pagination-numbers a.active { background-color:var(--color-corp); color:#FFF; border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }

.coloured-resume { display:table; width:100%; }
.coloured-resume .pill { display:table-cell; padding:20px; font-size:15px; color:#FFF; }
.coloured-resume .pill i { margin-right:5px; font-size:12px; }
.coloured-resume .pill.currency { background-color:#4EBCDA; border-radius:7px 0 0 7px; -ms-border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; -khtml-border-radius:7px 0 0 7px; }
.coloured-resume .pill.credit, .coloured-resume .pill.total { background-color:#9CC96B; }
.coloured-resume .pill.debit { background-color:#F76C51; }
.coloured-resume .pill.total { border-radius:0 7px 7px 0; -ms-border-radius:0 7px 7px 0; -moz-border-radius:0 7px 7px 0; -webkit-border-radius:0 7px 7px 0; -khtml-border-radius:0 7px 7px 0; }

/* ++++++++++++++++++++++++++++++ BUTTONS ++++++++++++++++++++++++++++++ */

.btn { border:none; font-size:14px; text-align:inherit; }
.btn.icon-btn, .btn.icon-btn-transparent { padding:9px; }
.btn-primary { padding:10px 12px; background-color:var(--color-corp); line-height:1; color:#FFF;}
.btn-primary:focus, .btn-primary:hover { background-color:#222; color:#FFF;}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover { background-color: #222; }
.btn-primary i, .btn-secondary i { margin-right:7px; line-height:1.4; }
.btn-secondary, a.btn-secondary { background-color:#AAA; color:#FFF; }
.btn-secondary:focus, .btn-secondary:hover { background-color:var(--color-corp); color:#FFF; }
.btn-secondary.icon-btn-transparent { background-color:transparent; color:#AAA; }
.btn-secondary.icon-btn-transparent:focus, .btn-secondary.icon-btn-transparent:hover { background-color:#AAA; color:#FFF; }
.btn-secondary.icon-btn-transparent.inactive, .btn-secondary.icon-btn-transparent.inactive:hover { background-color:transparent; color:#CCC; pointer-events:none; }
.btn-link { padding:0; line-height:1; color:var(--color-corp); }
.btn-link:focus, .btn-link:hover { color:#000; text-decoration:none; }
.btn-link i { font-size:8px; margin-left:5px; }

.more { padding:10px 0; }

a.show-more { text-align:center; display:block; padding:20px; color:#AAA; }
a.show-more i { font-size:45px; }
a.show-more .text { font-size:19px; padding-top:8px; }
a.show-more:hover { background-color:#E7E7E7; color:var(--color-corp); }

/* ++++++++++++++++++++++++++++++ TABS ++++++++++++++++++++++++++++++ */

.nav-tabs { border-bottom:1px solid #DDD; margin-bottom:30px; }
.nav-tabs li { position:relative; top:2px; margin:0 15px; padding-bottom:15px; border-bottom: solid 3px transparent; font-size:19px; color:#CCC; }
.nav-tabs li:first-child { margin-left:0; }
.nav-tabs li.active { color:var(--color-corp); border-bottom: solid 3px var(--color-corp); }
.nav-tabs li.active:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0, 48, 135, 0); border-top-color:var(--color-corp); border-width:10px; margin-left:-10px; }
.nav-tabs li:hover { color:#AAA; }
.nav-tabs li.active:hover { color:var(--color-corp); }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { background-color:transparent; border:none; color:var(--color-corp); }
.nav-tabs > li > a { padding:0; margin:0; line-height:1; color:#CCC; border:none; border-radius:0; -ms-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; }
.nav-tabs > li > a:focus, .nav > li > a:hover { background-color:transparent; color:#AAA; }

/* ++++++++++++++++++++++++++++++ SEARCH CRITERIA ++++++++++++++++++++++++++++++ */

.search-field { padding:0; }
.search-field .input-group { width:100%; margin-right:0; }
.search-field .input-group-btn button { width:auto; border:none; background-color:var(--color-corp); }
.search-field input[type=text] { height:auto; border:1px solid #FFF; }
.advanced-search { padding:0; margin-top:15px; }

/* ++++++++++++++++++++++++++++++ FORMS ++++++++++++++++++++++++++++++ */

label { margin:0; }

.dropdown button { background-color:#FFF; color:#777; border:none; text-align:left; }
.dropdown button i { font-size:8px; padding:7px 0 0 5px; }
.dropdown-menu { width:100%; margin-top:-1px; }
.dropdown-menu > li > a { padding:6px 10px; font-weight:normal; }
.dropdown-menu > li > a:hover { background-color:var(--color-corp); color:#FFF; }

.icon-checkbox { color:#AAA; }
.icon-checkbox-ticked { color:var(--color-corp); }
.icon-checkbox:hover, .icon-checkbox-ticked:hover { cursor:pointer; color:var(--color-corp); }

.tags-group i { font-size:9px; margin-right:5px; }
.tags-group .tag { padding:6px 12px; margin:0 5px 5px 0; line-height:1.4; color:#FFF; }

.switcher-circle { position:relative; display:inline-block; vertical-align:text-bottom; width:30px; height:17px; margin-bottom:0px; }
.switcher-circle input { display:none; }
.switcher-circle .slider { position:absolute; cursor:pointer; top:0; left:0; right:0; bottom:0; background-color:#ccc; -webkit-transition:.4s; transition:.4s; }
.switcher-circle .slider:before { position:absolute; content:""; height:13px; width:13px; left:2px; bottom:2px; background-color:#FFF; -webkit-transition:.4s; transition:.4s;}
.switcher-circle .slider.round { border-radius:34px; -ms-border-radius:34px; -moz-border-radius:34px; -webkit-border-radius:34px; -khtml-border-radius:34px;  }
.switcher-circle .slider.round:before { border-radius:50%;}
.switcher-circle input:checked + .slider { background-color:#98bf6f; }
.switcher-circle input:focus + .slider { box-shadow:0 0 1px #2196F3; }
.switcher-circle input:checked + .slider:before { -webkit-transform:translateX(13px); -ms-transform:translateX(13px); transform:translateX(13px); }

.form-control { font-size:14px; }
.form-control, .form-control:focus { box-shadow:none; }
.form-control::-moz-placeholder { color:#BBB; }

.form-content label { display:block; margin-bottom:10px; color:#999; }

.form-content .dropdown button { display:flex; padding:6px 10px; border:1px solid #DADADA; line-height:1.4em; color:#777; }
.form-content .dropdown i.icon-chevron-down { margin-left:auto; padding:7px 0 0; font-size:8px; }
.form-content .dropdown .dd-option { float:left; width:calc(100% - 15px); }
.form-content .dropdown span i { padding:3px 3px 0 0; font-size:13px; }

.field-full { width:100%; padding:5px; }
.field-half { display:inline-block; width:50%; padding:5px; }
.field-quarter { display:inline-block; width:25%; padding:5px; }

.form-field { float:left; }
.form-field.inline label:not(.switcher-circle) { width:75px; }
.form-field.inline .field { width:calc(100% - 75px); }
.form-field.inline .new-tag { display:block; clear:both; padding:6px 0; line-height:1.4em; }
input[type=text], input[type=password], input[type=number], textarea { padding:6px 10px; width:100%; border:1px solid #DADADA; line-height:1.4em; resize:none; }
input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, textarea:focus { background-color:#FFF; }
.date-field input { width:auto; }
.date-field button { margin-left:5px; margin-top:4px; }
.text-field-actions { margin-top:10px; }
.text-field-actions .btn { margin-left:5px; }
.form-data .row { margin-bottom:15px; }
.form-data .row .column-field { width:50%; float:left; }
.form-data .btn.selected { color: #777; }
.form-actions { border-top:1px solid #DADADA; padding-top:10px; }
.form-actions .btn { margin-left:5px; }
.checkbox-list li { padding:6px 0; }
.checkbox-list li .checkbox-text, .checkbox-list li i { vertical-align:middle; }
.checkbox-list li i { margin-right:3px; }
.ayuda-field { display:block; margin-top:8px; font-size:12px; color:#AAA; }
.input-group-addon { border:1px solid #DADADA; background-color:#FFF; }
i.input-group-addon { color:#999; }



/* ++++++++++++++++++++++++++++++ TABLES ++++++++++++++++++++++++++++++ */

.table { clear:both; display:table; margin:0; width:100%; table-layout:fixed; overflow:hidden; }
.table .table-header .column { border-top:none; border-bottom:2px solid; }
.table .table-header .column span { width:auto; }
.table .table-header .column i { font-size:8px; padding-left:5px; }
.table .row { display:table-row; margin:0px; }
.table .row .featured span { color:#000; }
.table .column { display:table-cell; width:100%; max-width:0; padding:10px 5px; vertical-align:middle; border-top:1px solid #DDD; }
.table .column.col-icon { width:60px; min-width:60px; }
.table .column span { padding:9px 0; }
.table .column.actions { padding-right:0; }
.table .column.actions .btn { margin-left:2px; }
.table .dropdown button { width:100%; text-align:left; border:none; }
.table .dropdown i { padding:7px 0 0; }
.table i.icon-status-1 { color:#E3A502; }
.table i.icon-status-2 { color:#C0C0C0; }
.table i.icon-status-2.type-2 { color:#71AA0D; }
.table i.icon-status-3 { color:#71AA0D; }

.table.compact-table { border:solid 1px #AAA; background-color:#AAA; }
.table.compact-table .table-header { color:#FFF; }
.table.compact-table .row:not(.table-header):nth-child(odd) { background-color:#EFEFEF; }
.table.compact-table .row:not(.table-header):nth-child(even) { background-color:#FFF; }
.table.compact-table .column { border:none; padding:10px 20px; }
.table.compact-table .column span { padding:0; }

/* ++++++++++++++++++++++++++++++ APPBAR ++++++++++++++++++++++++++++++ */

.logo-header-block { display:inline-block; color:#FFF; }
.logo-header-block .modo { margin-left:2px; }
.logo-apdayc { display:inline-block; padding:14px 0; background-image:url(../images/APDAYC_LOGO_2024_transparente.svg); background-repeat:no-repeat; text-indent: -9999px;fill-opacity:0; width: 90px; height:45px; }
.logo-apdayc:hover { opacity:0.5; filter:alpha(opacity=50); }
a.menu-sandwich { display:none; padding:8px; margin-top:7px; color:#FFF; }
a.menu-sandwich:hover { background-color:#0e4ec0; }
.menu-header { position:fixed; width:100%; z-index:10000; font-size:15px; }
.menu-options { color:#FFF; }
.menu-options li { float:left; margin:14px 30px 0 0; padding:0; }
.menu-options i { font-size:8px; padding:5px; }
.menu-options li.user { margin:9px 0 0 6px; }
.menu-options li.lang { margin-right:0; }
.menu-options i { padding:5px 6px; }
.menu-login { font-size:19px; }
.avatar { width:29px; height:29px; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; }

/* ++++++++++++++++++++++++++++++ MAIN CONTENT ++++++++++++++++++++++++++++++ */

.main { float:left; margin-bottom:70px; width:calc(100% - 265px); padding:0 15px; }
.main.full { width:100%; }
.main.medium { width:calc(100% - 400px); }
.main.center { float:none; margin:0 auto 70px; }

.main-header { padding-left:0px; padding-right:0px; margin-top:85px; }
.main-header .header-title { width:calc(100% - 150px); margin-bottom:30px; }
.main-header .header-title .btn { margin-right:5px; }
.main-header.multiple-accounts .header-title { width:calc(100% - 310px); }
.main-header .title { margin:0; font-size:29px; line-height:1em; letter-spacing:-1px; color:#000; }
.main-header .action-btn { clear:both; margin-top:10px; }
.main-header .dropdown button { background-color:#EFEFEF; }
.main-header .dropdown button .option { min-width:120px; }
.main-header .header-toolbar .btn-secondary.icon-btn-transparent { margin-right:2px; }

.block-details { display:block; padding:12px; margin-top:25px; }
.block-details .details-header { display:block;  }
.block-details .details-header .title { font-size:21px; color:#000; padding:3px 0;  }
.block-details .row { padding:5px 0; }
.block-details .details-content { clear:both; margin-top:10px; }
.block-details .details-content .title { margin-bottom:10px; font-size:17px; color:#999; }
.block-details .details-info { padding:0px; }
.block-details .details-label { width:100px; color:#000; }
.block-details .details-values { width:calc(100% - 100px); }
.block-details .data-big .details-label { width:150px; color:#000; }
.block-details .data-big .details-values { width:calc(100% - 150px); }
.block-details .value { margin-bottom:5px; text-transform:uppercase; }
.block-details.search-criteria-block { margin-top:0; }

.block-details.collapsible { margin-top:10px; }
.block-details.collapsible .details-header .title { width:calc(100% - 30px);  }
.block-details.collapsible .details-header i { padding:6px; color:#999; }
.block-details.collapsible .details-content {  color:#777; }
.block-details.collapsible:hover:not(.active) { background-color:#E7E7E7; cursor:pointer; }
.block-details.collapsible:hover .title, .block-details.collapsible:hover i { color:var(--color-corp); }

.block-details.type2 { padding:18px; }
.block-details.type2:not(.collapsible) .details-header .title { padding-top:0; }

.block-details.result-block .details-header .title { text-transform:uppercase; color:var(--color-corp); }
.block-details.result-block .details-content { margin-top:5px; }

/* ++++++++++++++++++++++++++++++ SIDEBAR ++++++++++++++++++++++++++++++ */

.sidebar { float:left; width:400px; margin:40px 0 70px; padding:0 15px; }
.sidebar .details-header .title { font-size:19px; color:#000;  }
.sidebar .details-header .title h2 { margin-bottom:5px; }
.sidebar .details-header .title i { color:#AAA; font-size:18px; }
.sidebar .details-content { margin-top:10px; }
.sidebar .details-content .title a h3 { color:var(--color-corp); margin:7px 0; }
.sidebar .details-content .data { margin-bottom:7px; }
.sidebar .block { padding:15px; margin-bottom:30px; }
.sidebar .block.link-list .row { padding:10px 0; border-top:1px solid #DDD; }
.sidebar .block.link-list.normal .link { padding-left:15px; position:relative; }
.sidebar .block.link-list.normal .link::before { content:"\e90e"; font-family:apdayc-icons; position:absolute; left:0; top:10px; color:#AAA; font-size:8px; }
.sidebar .block.link-list.numbered .number { width:45px; font-size:24px; color:#CCC; }
.sidebar .block.link-list.numbered .text { width:calc(100% - 45px); }
.sidebar .block.photo-gallery .details-content { margin:10px -5px 0; }
.sidebar .block.photo-gallery .img { padding:0 5px 10px 5px; }

.sidebar .details-content.link-list { border-top:1px solid #DDD; }
.sidebar .tab-content .details-content.link-list { border-top:none; }
.sidebar .details-content.link-list .row { padding:10px 0; border-bottom:1px solid #DDD; }
.sidebar .details-content.link-list .item { padding:0; margin:0; display:flex; -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.sidebar .details-content.link-list .item .item-img { width:55px; min-height:55px; }
.sidebar .details-content.link-list .item .item-content { width:calc(100% - 55px); }
.sidebar .details-content.link-list .item .time { width:55px; text-align:right; }
.sidebar .details-content.photo-gallery { margin:10px -5px 0; }
.sidebar .extra-content { margin-top:30px; }
.sidebar .nav-tabs { margin-bottom:0; }
.sidebar a.item-img.main-img { height:200px; }

a.item-img { display:block; background-size:cover; background-position:center center; width:100%; }
.item { padding:12px; margin-bottom:10px; }
.item .item-img { display:block; background-size:cover; background-position:center center; min-height:100px; width:130px; }
.item .item-content .data { margin-bottom:5px; }
.item.horizontal { display:flex; }
.item.horizontal .item-content { width:100%; padding-left:5px; }
.item.horizontal .item-img + .item-content { width:calc(100% - 130px); padding-left:15px; }
.item.featured, .item.featured a { color:#FFF; }


.sidebar a.link-block { display:block; padding:16px; font-size:17px; text-align:center; color:#FFF; }
.sidebar a.link-block i { font-size:20px; vertical-align:middle; }
.sidebar a.link-block:hover { background-color:#000; }

.sidebar.small { width:265px; margin-top:78px; }
.sidebar-block i { font-size:45px; }
.sidebar-block { display:block; margin-top:7px; padding:20px; color:#FFF; }
.sidebar-block span { padding-left: 15px; line-height: 16px; font-size:19px; line-height:22px; }
.sidebar-block ul { padding:17px 0 0; margin:0; }
.sidebar-block ul li { list-style-type:none; border-top: solid 1px #264f99; padding:9px 0; }
.sidebar-block ul li:last-child { padding-bottom:5px; }
.sidebar-block.submenu a { color:#FFF; }
.sidebar-block.submenu a:hover { color:#4d6fab; }
.sidebar-block.submenu .active a { color:#4d6fab; }
.sidebar-block .sidebar-option { display: inline-flex; }
.sidebar-block .sidebar-option-menu i { font-size:8px; margin-right:5px; color:#FFF; }
.sidebar-block:hover { color:#FFF; }
.sidebar-block.calendario { background-color:#01BD8D; }
.sidebar-block.calendario:hover { background-color:#01aa7f; }
.sidebar-block.incidencias { background-color:#F89A14; }
.sidebar-block.incidencias:hover { background-color:#e08b12; }
.sidebar-block.facturacion { background-color:#4897db; }
.sidebar-block.facturacion:hover { background-color:#4188c6; }
.sidebar-block.informacion { background-color:#ca69e2; }
.sidebar-block.informacion:hover { background-color:#b65fcc; }
.sidebar-block.repertorio { background-color:#ef6f6c; }
.sidebar-block.repertorio:hover { background-color:#d86461; }

/* ++++++++++++++++++++++++++++++ FOOTER ++++++++++++++++++++++++++++++ */

footer { padding:30px 0; background-color:#272727; } 
footer .credits { padding:0 15px; }
footer .credits .text { line-height:1; margin:0 25px; color:#999; }
footer .credits .text p { margin:5px 0 0; }
footer .logos a:hover { opacity:0.5; filter:alpha(opacity=50); }
footer .logo-footer { display:block; margin:0 20px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:cover cover; }
footer .logo-cisac { width:40px; background-image:url(../images/CISAC_logo.svg); }
footer .logo-indecopi { width:107px; background-image:url(../images/INDECOPI_logo.svg); background-position:center 5px; }
footer .logo-peru { width:67px; background-image:url(../images/PERU_logo.svg); }

/* ++++++++++++++++++++++++++++++ VIDEO PLAYER ++++++++++++++++++++++++++++++ */

.video-js .vjs-big-play-button { border:none; }
.vjs-brand-container img { margin:7px auto; max-height:15px; }

/* ++++++++++++++++++++++++++++++ INDEX ++++++++++++++++++++++++++++++ */

.index .content { min-height:500px; height:100vh; background:url(../images/login-background.jpg); background-size:cover; color:#FFF; }
.container-login { width:100%; max-width:1000px; margin:auto; position:relative; top:50%; transform:translateY(-50%); }
.index a { color:#FFF; }
.index .logo-apdayc { background-position:0 40px; background-size:138px 30px; width:138px; height:85px; }
.index .menu-options li { margin:40px 40px 0 0; }
.index .menu-options li.language { margin-right:0; }
.index .login-choice { display: inline-flex; }
.index .login-block { padding:50px; width:50%; background:rgb(0, 48, 135); background:rgba(0, 48, 135, 0.7); cursor:pointer; }
.index .login-block.cliente { background:rgb(255, 130, 0); background:rgba(255, 130, 0, 0.7); }
.index .login-block:hover, .index .login-block.index-login-form { background:rgba(0, 48, 135, 1); }
.index .login-block.cliente:hover, .index .login-block.cliente.index-login-form { background:rgba(255, 130, 0, 1); }
.index .login-block.index-login-form { padding:20px; cursor:auto; }
.index .login-block h2 { margin:20px 0 10px; font-size:29px; color:#FFF; }
.index .login-block .description { display:inline-block; max-width:165px; line-height:20px; }
.index .login-block i { font-size:65px; }
.index .login-footer { position:absolute; bottom:0; left:50%; margin-left:-50%; padding:20px 0 40px; min-width:768px; }
.index .login-footer a { padding-left:10px; }
.index .login-footer i { font-size:8px; padding-left:5px; }

/* ++++++++++++++++++++++++++++++ INDEX-LOGIN (DESCARTADO) ++++++++++++++++++++++++++++++ */

.index .index-login-form-header .title { padding:6px 0 0 10px; font-size:19px; text-transform:uppercase; }
.index .index-login-form input { border-left:none; }
.index .index-login-form .btn { background-color:#000; }
.index .index-login-form .btn:hover { background-color:transparent; color:#FFF; }
.index .index-login-form .btn i { font-size:8px; padding-left:5px; }
.index .index-login-form-help a { width:100%; display:block; font-size:13px; text-align:left; }
.index .index-login-form-help a:last-child { margin-top:5px; }
.index .index-login-form-help i { font-size:8px; padding-right:5px; }
.index .index-login-form-header i { font-size:30px; }
.index .index-login-form-content { padding-top:20px; }
.index .index-login-form-footer { padding-top:5px; }
.index .index-login-form-footer a { font-size:13px; }
.index .index-login-form .input-group { margin-bottom:12px; }
.index .index-login-form .input-group-addon i { font-size:16px; }
.index .index-login-form .input-group-addon { background-color:#FFF; border:none; padding:12px 0 12px 12px; }
.index .index-login-form .form-control { padding:14px; height:auto; border:none; font-size:inherit; }

/* ++++++++++++++++++++++++++++++ LOGIN ++++++++++++++++++++++++++++++ */

.login-form { width:100%; max-width:540px; margin:100px auto 0; padding:0 20px; }
.login-form .form-header { margin-bottom:25px; }
.login-form .form-header i { font-size:45px; color:#000; margin-right:5px; }
.login-form .form-header .title { font-size:24px; color:#000; }
.login-form .form-header .subtitle { margin-top:5px; }
.login-form .form-content { padding:20px; }
.login-form .form-content .btn { width:100%; padding:16px; font-size:15px; }
.login-form .form-content .input-group { margin-bottom:12px; }
.login-form .form-content .input-group-addon { background-color:#FFF; border:none; padding:12px 0 12px 12px; }
.login-form .form-content .input-group-addon i { font-size:16px; color:#AAA; }
.login-form .form-content .form-control { padding:14px; height:auto; border:none; }
.login-form .form-footer { margin-top:25px; }
.login-form .form-footer a { display:block; margin-bottom:5px; }
.login-form .form-footer i { font-size:8px; padding-right:5px; color:#999; }
.login-form .form-footer .session { color:#999; cursor:pointer; } 
.login-form .form-footer .session i { margin-right:5px; font-size:12px; }
.login-form .error-message { position:relative; background-color:#F8E5E5; padding:20px; margin-bottom:20px; font-size:15px; color:#BB0000; }
.login-form .error-message:after { top:100%; left:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(248, 229, 229, 0); border-top-color:#F8E5E5; border-width:10px; margin-left:-10px; }

/* ++++++++++++++++++++++++++++++ ERROR PAGES ++++++++++++++++++++++++++++++ */

.error { text-align:center; }
.error .main-header { max-width:540px; margin:130px auto 50px; } 
.error .number { font-size:150px; color:#AAA; letter-spacing:-5px; }
.error .description { font-size:24px; }
.error .text { padding-top:25px; }

/* ++++++++++++++++++++++++++++++ DASHBOARD ++++++++++++++++++++++++++++++ */

.dashboard .tickets .row:hover { background-color:#E7E7E7; cursor:pointer; }
.dashboard .tickets .col-4 { width:40%; min-width:40%; }
.dashboard .tickets .col-4 { width:30%; min-width:30%; }
.dashboard .tickets .col-5 { width:30%; min-width:30%; }

.dashboard .horizontal-bar { margin-top:25px; }
.dashboard .horizontal-bar .sidebar-block { width:calc(20% - 6px); float:left; margin:7px 3px; }

.dashboard .chart { padding-left:0; }
.dashboard .chart .chart-block { padding:15px; }
.dashboard .chart .chart-block img { max-height:240px; }
.dashboard .chart .chart-details .chart-bullets { margin:30px 0; padding-left:25px; list-style-type:disc; font-size:25px; }
.dashboard .chart .chart-details .chart-bullets li span { font-size:15px; color:#777; }
.dashboard .chart .chart-details .chart-bullets li.bullet1 { color:#E37000; }
.dashboard .chart .chart-details .chart-bullets li.bullet2 { color:#E3A600; }
.dashboard .chart .chart-details .chart-bullets li.bullet3 { color:#A047BA; }
.dashboard .chart .chart-details div span { margin-left:5px; }

.dashboard .movements { padding-right:0; }
.dashboard .movements .day { font-size:21px; color:#000; }
.dashboard .movements .description { text-transform:uppercase; color:#000; }
.dashboard .movements .amount { font-size:17px; color:#000; }
.dashboard .movements .data { margin-top:5px; font-size:13px; color:#999; }
.dashboard .movements .data.month { margin-top:0; text-transform:uppercase; }
.dashboard .movements .data.currency { text-transform:uppercase; }
.dashboard .movements .table .column-1 { width:80px; min-width:80px; }
.dashboard .movements .table .column-3 { width:160px; min-width:160px; }

/* ++++++++++++++++++++++++++++++ REPERTORIO ++++++++++++++++++++++++++++++ */

.repertorio .obra-content { margin-top:45px; padding:0; }
.repertorio .obra-header i { font-size:45px; padding-right:20px; color:var(--color-corp); }
.repertorio .obra-header .obra-text { width:calc(100% - 65px); }
.repertorio .obra-header .obra-text h3 { margin:0 0 7px; font-size:25px; text-transform:uppercase; color:#000; }
.repertorio .obra-header .obra-title, .repertorio .obra-header .obra-codigo { padding:0; }
.repertorio .obra-header .codigo { position:relative; color:#FFF; padding:10px 15px; }
.repertorio .obra-header .codigo:after { right:100%; top:50%; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(0, 48, 135, 0); border-right-color:var(--color-corp); border-width:8px; margin-top:-8px; }
.repertorio .obra-header .codigo .title { margin-bottom:3px; }
.repertorio .obra-tabs { margin-top:45px; }
.repertorio.searching .sidebar { margin-top:25px; }

/* ++++++++++++++++++++++++++++++ INFORMACION SOCIO ++++++++++++++++++++++++++++++ */

.socio .main-header .header-title { margin-bottom:0; }
.socio .main-header .socio-avatar { width:70px; border:3px solid #FFF; -webkit-box-shadow: 0px 0px 4px 0px rgba(153,153,153,0.6); -moz-box-shadow: 0px 0px 4px 0px rgba(153,153,153,0.6); box-shadow: 0px 0px 4px 0px rgba(153,153,153,0.6); }
.socio .main-header .socio-title { margin:5px 0 0 20px; width:calc(100% - 90px); }
.socio .main-header .socio-title .title { margin-bottom:15px; }
.socio .main-header .socio-codigo { text-transform:uppercase; }
.socio .main-header .socio-codigo .info { color:#000; }

.socio .table .col-1 { padding-left:0; }
.socio .table.addresses .col-1 { width:55px; min-width:55px; }
.socio .table.addresses .col-2 { width:105px; min-width:105px; }
.socio .table.addresses .col-3 { width:105px; min-width:105px; }
.socio .table.addresses .col-6 { width:105px; min-width:105px; }
.socio .table.addresses .col-7 { width:105px; min-width:105px; }
.socio .table.addresses .col-8 { width:75px; min-width:75px; }
.socio .table.telephones .col-1 { width:55px; min-width:55px; }
.socio .table.telephones .col-2 { width:105px; min-width:105px; }
.socio .table.telephones .col-5 { width:75px; min-width:75px; }
.socio .table.emails .col-1 { width:55px; min-width:55px; }
.socio .table.emails .col-2 { width:105px; min-width:105px; }
.socio .table.emails .col-5 { width:75px; min-width:75px; }

.socio .biography { padding-right:40px; line-height:1.4em; }

/* ++++++++++++++++++++++++++++++ AUTORES ++++++++++++++++++++++++++++++ */

.autores .autor .img-container { position:relative; padding-left:0; }
.autores .autor .img { display:block; background-size:cover; background-position:center center; }
.autores .autor .more { position:absolute; right:15px; top:15px; color:#FFF; padding:0; }
.autores .autor .name { color:var(--color-corp); }
.autores .autor .data { color:#777; }
.autores .autor a:hover .img, .autores .autor a:hover .details { background-color:#E7E7E7; }
.autores .autor a:hover .img { opacity:0.85; filter:alpha(opacity=85); }

.autores.lista .row { margin:0 -15px; padding:15px 0; }
.autores.lista .autor .img { height:165px; border-radius:7px 7px 0 0; -ms-border-radius:7px 7px 0 0; -moz-border-radius:7px 7px 0 0; -webkit-border-radius:7px 7px 0 0; -khtml-border-radius:7px 7px 0 0; }
.autores.lista .autor .details { padding:20px; -ms-border-radius:0 0 7px 7px; -moz-border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; -khtml-border-radius:0 0 7px 7px; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; }
.autores.lista .autor .name h3 { font-size:23px; color:var(--color-corp); }

.autores.ficha .autor { display:flex; }
.autores.ficha .autor .img { height:350px; border-radius:7px 0 0 7px; -ms-border-radius:7px 0 0 7px; -moz-border-radius:7px 0 0 7px; -webkit-border-radius:7px 0 0 7px; -khtml-border-radius:7px 0 0 7px; }
.autores.ficha .autor .details { padding:20px; }
.autores.ficha .autor .details .data-container { position:relative; top:50%; right:inherit; bottom:inherit; left:inherit; transform:translateY(-50%); }
.autores.ficha .autor .name { font-size:34px; padding-bottom:20px; }
.autores.ficha .autor .data { padding-top:10px; }
.autores.ficha .autor .social { padding-top:25px; font-size:15px; }
.autores.ficha .autor .social a { margin-right:5px; padding:5px; color:#EFEFEF; }
.autores.ficha .autor .social a:hover { color:#FFF; background-color:var(--color-corp); }
.autores.ficha .nav-tabs { margin:40px 0; }
.autores.ficha .tab-content .sidebar { margin-top:0; }

/* ++++++++++++++++++++++++++++++ AYUDA ++++++++++++++++++++++++++++++ */

.ayuda .search-form { padding-top:95px; padding-bottom:50px; text-align:center; color:#FFF; }
.ayuda .search-form .search-form-container, .ayuda .search-form h2 { display:inline-block; vertical-align:middle; }
.ayuda .search-form h2 { color:#FFF; margin:0 15px 0 0; }
.ayuda .search-form h2 a { color:#FFF; }
.ayuda .search-form .input-group { width:350px; }
.ayuda .search-form .form-control { padding:12px 0 12px 20px; height:auto; font-size:17px; border:none; border-radius:50px 0 0 50px; -ms-border-radius:50px 0 0 50px; -moz-border-radius:50px 0 0 50px; -webkit-border-radius:50px 0 0 50px; -khtml-border-radius:50px 0 0 50px; }
.ayuda .search-form .input-group-addon { padding:12px 18px 12px 12px; background-color:#FFF; font-size:19px; color:#AAA; border:none; border-radius:0 50px 50px 0; -ms-border-radius:0 50px 50px 0; -moz-border-radius:0 50px 50px 0; -webkit-border-radius:0 50px 50px 0; -khtml-border-radius:0 50px 50px 0; }
.ayuda .list-group { margin-bottom:70px; }
.ayuda .list-group .page-header { font-size:23px; }
.ayuda .list-group .page-header .cat-icon { font-size:20px; color:#AAA; }
.ayuda .list-group .page-header .pre { color:#AAA; }
.ayuda .list-group .page-header.description { padding-bottom:0; border:none; }
.ayuda .list-article { display:block; margin-top:30px; }
.ayuda .list-item { display:block; margin-bottom:20px; }
.ayuda .list-group.search .list-item { padding:10px 0; }
.ayuda .list-group.search .list-item .text { padding-top:10px; }

.ayuda.nuevo .main-header { text-align:center; margin-top:40px; }
.ayuda.nuevo .main-header .header-title { width:100%; }
.ayuda.nuevo .main-header .dropdown.filter { margin-bottom:50px; }
.ayuda.nuevo .main-header .dropdown.filter button {  padding:12px 25px; font-size:17px; color:#000; border-radius:50px; -ms-border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; -khtml-border-radius:50px; }
.ayuda.nuevo .main-header .dropdown.filter button .option { min-width:400px; }
.ayuda.nuevo .main-header .dropdown.filter button i { font-size:12px; padding:7px 0 0 5px; }

.ayuda.detalle .title { margin-bottom:30px; }


/* ++++++++++++++++++++++++++++++ MEDIA QUERIES ++++++++++++++++++++++++++++++ */

@media screen and (max-width:1210px) {
  .dashboard .horizontal-bar { text-align:center; }
  .dashboard .horizontal-bar .sidebar-block { float:none; display:inline-block; width:auto; }
  .dashboard .horizontal-bar .sidebar-block span { display:none; }
  .container { max-width:1210px; min-width:768px;}
}

@media screen and (max-width:1100px) {
  .main { width:100%; }
  .main-header { margin-top:75px; }
  .sidebar { display:none; }
  .sidebar.medium { display:block; }
  .container { max-width:1100px; min-width:768px;}
}

@media screen and (max-width:992px) {
  .dashboard .chart, .dashboard .movements { float:none; margin:0 auto; max-width:650px; padding:0 15px; }
  .container { max-width:992px; min-width:768px;}
}

@media screen and (max-width:900px) {
  .main.medium { width:100%; margin-bottom:0; }
  .sidebar.medium { width:100%; }
  footer .credits .text, footer .logo-apdayc { float:none; clear:both; margin:0; }
  footer .logo-apdayc { padding:0 0 10px; height:30px; background-position:0 0; }
  .menu-options li.user { display:block; margin-left:15px; }
  .container { max-width:auto; min-width:auto;}
  
  .modal-body .details-info table.table > tbody > tr > td {display:block !important; text-align:left !important;}
}
.menu-options a {
	color:#fff;
}
/**
* Padding utilities
*/
.p-0 {
  padding: 0 !important;
}
.ayuda .search-form .form-control::placeholder
{ 
  opacity:0.35;
  color:navy;
}

table.table, table.table > tbody, table.table > tbody > tr:first-child > * {
	border-width:0px !important;
}
table.table {
	margin-top:7px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover
{
    background-color: var(--color-corp);
}