/*

*/

@font-face {
  font-family: 'BryantLG-Regular-Alternate';
  src: url('fonts/BryantLG-RegularAlternate.eot?#iefix') format('embedded-opentype'),  
       url('fonts/BryantLG-RegularAlternate/BryantLG-RegularAlternate.otf')  format('opentype'),
       url('fonts/BryantLG-RegularAlternate/BryantLG-RegularAlternate.woff') format('woff'), 
       url('fonts/BryantLG-RegularAlternate/BryantLG-RegularAlternate.ttf')  format('truetype'), 
       url('fonts/BryantLG-RegularAlternate/BryantLG-RegularAlternate.svg#BryantLG-RegularAlternate') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'BryantLG-Bold-Alternate';
  src: url('fonts/BryantLG-BoldAlternate/BryantLG-BoldAlternate.eot?#iefix') format('embedded-opentype'),  
       url('fonts/BryantLG-BoldAlternate/BryantLG-BoldAlternate.otf')  format('opentype'),
       url('fonts/BryantLG-BoldAlternate/BryantLG-BoldAlternate.woff') format('woff'), 
       url('fonts/BryantLG-BoldAlternate/BryantLG-BoldAlternate.ttf')  format('truetype'), 
       url('fonts/BryantLG-BoldAlternate/BryantLG-BoldAlternate.svg#BryantLG-BoldAlternate') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* ++++++++++++++++++++++++++++++ BASIC ++++++++++++++++++++++++++++++ */
body { overflow-x:hidden; background-color:#272727; font-family:'BryantLG-Regular-Alternate', Arial, Helvetica, sans-serif; font-size:16px; line-height:1; color:#777; }
a, a:link, a:visited, a:active, a img { text-decoration:none; color:#003087; }
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:'BryantLG-Bold-Alternate', Arial, Helvetica, sans-serif; }
/*em { font-style:italic; }*/
/*img { display:block; }*/
ul, ol { list-style:none; }
p { margin:0; }
label, b, strong { font-weight:normal; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }
.push-left { float:left; }
.push-right { float:right; }

.rounded-small { border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.rounded-medium { border-radius:7px; -ms-border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; }

.icon-square, .icon-normal { display:inline-block; padding:8px; background-color:#AAA; color:#FFF; }
.icon-normal { background-color:transparent; color:#AAA; }
.icon-square:hover, .icon-normal:hover { background-color:#003087; color:#FFF; }
.icon-normal.inactive, .icon-normal.inactive:hover { background-color:transparent; color:#CCC; cursor:default; }

.bg-blue { background-color:#003087; }
.bg-light-blue{background-color: #4897db;}
.bg-green { background-color:#01BD8D; }
.bg-orange { background-color:#F89A14; }
.bg-orange-corp { background-color:#FF8200; }
.bg-grey { background-color:#EFEFEF; }
.bg-white { background-color:#FFF; }
.bg-pink { background-color:#ef6f6c; }
.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; }

.content { background-color:#FFF; }
.login .content { min-height:500px; height:100vh; background:url(images/login-background.jpg); background-size:cover; color:#FFF; }
.container { width:100%; max-width:1300px; min-width:768px; margin:auto; padding:0; }
.container-login { width:100%; max-width:1000px; margin:auto; position:relative; }

.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:95px; }
.main-header h2 { margin:0 0 30px 0; font-size:30px; line-height:1em; letter-spacing:-1px; color: #000; }
.main-header .action-btn{ padding: 10px 15px; font-size:15px; text-align:center; color: #FFF; }
.header-toolbar { padding-right:0px; margin-top:10px; }
.header-toolbar a { padding:5px; color:#AAA; }
.header-toolbar a:last-child { padding-right:0px; }
.header-toolbar a:hover { color:#003087 }

.logo-header-block { color:#FFF; }
.logo-header-block .modo { margin-left:2px; }

.menu-header { position:fixed; width:100%; z-index:10; }
.menu-options { margin:0px; padding:0; 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 i { padding:5px 6px; }
.menu-login { font-size:20px; }

a.menu-sandwich { display:none; padding:8px; margin-top:7px; color:#FFF; }
a.menu-sandwich:hover { background-color:#0e4ec0; }

.avatar { width:29px; height:29px; border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; }

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

.login a { color:#FFF; }
.login .logo-apdayc { /*background-position:0 40px;*/ width:138px;  height:85px; }
.login .menu-options li { margin:40px 40px 0 0; }
.login .menu-options li.language { margin-right:0; }
.login-choice { display: inline-flex; }
.login-block { text-align:center; padding:50px; background:rgb(0, 48, 135); background:rgba(0, 48, 135, 0.7); cursor:pointer; }
.login-block.cliente { background:rgb(255, 130, 0); background:rgba(255, 130, 0, 0.7); }
.login-block:hover, .login-block.login-form { background:rgba(0, 48, 135, 1); }
.login-block.cliente:hover, .login-block.cliente.login-form { background:rgba(255, 130, 0, 1); }
.login-block.login-form { padding:20px; cursor:auto; }
.login-block h2 { margin:20px 0 10px; font-size:30px; }
.login-block .description { display:inline-block; max-width:165px; line-height:20px; }
.login-block i { font-size:65px; }
.login .login-form-footer a { font-size:14px; }
.login-form-header .title { padding:6px 0 0 10px; font-size:20px; text-transform:uppercase; }
.login-form input { border-left:none; }
.login-form .btn { background-color:#000; }
.login-form .btn:hover { background-color:transparent; color:#FFF; }
.login-form .btn i { font-size:8px; padding-left:5px; }
.login-form-help a { width:100%; display:block; text-align:left; }
.login-form-help a:last-child { margin-top:5px; }
.login-form-help i { font-size:8px; padding-right:5px; }
.login-form-header i { font-size:30px; }
.login-form-content { padding-top:20px; }
.login-form-footer { padding-top:5px; }
.login-form .input-group { margin-bottom:12px; }
.login-form .input-group-addon i { font-size:16px; }
.login-form .input-group-addon { background-color:#FFF; border:none; padding:12px 0 12px 12px; }
.login-form .form-control { padding:14px; height:auto; border:none; font-size:inherit; }

.login-footer {  width:50%; margin-left:25%;  padding:20px 0 40px;text-align:center; }
.login-footer a { padding-left:10px; }
.login-footer i { font-size:8px; padding-left:5px; }

.search-criteria-block { padding:12px; }
.search-criteria-block .input-group { margin-right:7px; }
.search-criteria-block input[type=text] { width:100%; height:32px; max-width:175px; border:none; font-size:16px; }
.search-criteria-block span { font-size:16px; }
.search-criteria-block .separator { display:inline-block; background-color:#DDD; width:1px; height:12px; margin:0 0 0 10px; }
.search-criteria-block span.results-pag-text { position:relative; display:inline-block; margin:10px 10px 0 0; font-size:15px; color:#AAA; }
.search-criteria-block .input-group-addon { width:auto; background-color:#FFF; border:none; text-align:left; padding-right:0; }
.search-criteria-block .input-group-addon .option { display:inline-block; width:50px; }
.dropdown button { height:32px; background-color:#FFF; color:#777; border:none; }
.dropdown i { font-size:8px; padding:0 0 0 5px; }

.search-results-data { margin-top:25px; padding:0 7px; }
.search-results-data .count { display:inline-block; padding:8px 12px 0; }
.results-filter button { color:#003087; }



.block-details { padding:20px 10px 15px; font-size:15px; margin-top: 25px; }
.block-details .details-header { margin-bottom:12px; }
.block-details .details-header .title { color:#000000; font-size:22px; }
/* .block-details .row { margin:0; padding:5px 0; } */
.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; }
.block-details .value .action { text-transform:none; margin-bottom:5px; }
.block-details .action i { font-size:8px; margin-left:5px; }

.block-details .obra-details-info .value {text-transform:uppercase; }


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

.table{ clear:both; display:table; margin:0; width:100%; table-layout:fixed; padding: 0px; }
.table-row { display:table-row; width:100%; }
.table-header .column { border-top:none; border-bottom:2px solid; }
.table-header .column span { width:auto; }
.table-header .column i { font-size:8px; padding-left:5px; }
/*.table .table-row { display:table-row; margin:0px; } */
.table-row .featured span { color:#000; }

.table-row .column { display:table-cell; width:100%; padding:10px 5px; vertical-align:middle; border-top:1px solid #DDD; }
.table-row .column.col-icon { width:60px; min-width:60px; }
.table-row .column span { padding:9px 0; }
.table-row .column.actions { padding-right:0; }
.table-row .column.actions .btn { margin-left:2px; }
.table-row .dropdown button { width:100%; text-align:left; border:none; }
.table-row .dropdown i { padding:7px 0 0; }
.table-row i.icon-status-1 { color:#E3A502; }
.table-row i.icon-status-2 { color:#C0C0C0; }
.table-row i.icon-status-2.type-2 { color:#71AA0D; }
.table-row 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 .table-row:not(.table-header):not(.edit-inline):nth-child(odd) { background-color:#EFEFEF; }
.table.compact-table .table-row:not(.table-header):not(.edit-inline):nth-child(even) { background-color:#FFF; }
.table.compact-table .column { border:none; padding:10px 20px; }
.table.compact-table .column span { padding:0; }

.table-row:not(.edit-inline) > * { display:table-cell;  padding:12px; border-bottom:1px solid #E1E1E1; }

.table-row.edit-inline { display:block; padding:12px; border:1px solid #E1E1E1; border-top:none; }


/* Edicion inline*/
.table-row .col-date { width:100px; min-width:100px; }
.table-row .name { width:350px; max-width:350px; }
.table-row .col-tipo { width:100px; min-width:100px; }
.table-row .form-data { width:95%; display:inline-block; padding-left: 10px; }
.table-row .form-data .form-actions{ border:none; }
.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; }
.movement-detail { }
/* ++++++++++++++++++++++++++++++ End TABLES ++++++++++++++++++++++++++++++ */

.result-block { display:block; margin-top:10px; padding:18px 20px 20px; }
.result-block p { margin:5px 0 0; }
.result-block-header h3 { display:inline-block; margin:0; font-size:24px; line-height:1; text-transform:uppercase; color:#003087; }
.result-block-header i { font-size:16px; margin-top:4px; color:#999; }
.result-block-details { margin-top:10px; font-size:15px; color:#777; }
.result-block-details .value { text-transform:uppercase; }
.result-block:hover { background-color: #E7E7E7; }
.result-block:hover .result-block-header i { color:#003087; }

.search-pagination { margin-top:30px; }
.pagination-numbers { display:inline-table; background-color:#F2F2F2; }
.pagination-numbers a { padding:5px 10px; font-size:14px; color:#AAA; } 
.pagination-numbers a:hover { color:#003087; } 
.pagination-numbers a.active { background-color:#003087; color:#FFF; border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; }
.action { color:#003087; }
.action i { font-size:8px; margin-left:5px; }


.details-list, .details-content { clear:both; }
.details-content { padding:5px 40px 10px 15px; line-height: 1.4em; }
.list-row { border-top: 1px solid #DDD; }
.list-row .column { float:left; padding: 10px 5px; }
.list-row .column span { display:block; padding:9px 0; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.list-row .col-1 { color:#000000; padding-left:0; }
.list-row .col-2 { color:#000000; }
.list-row .actions { text-align:right; padding-right:0; padding-top:18px; }
.list-row .actions .icon-close-2 { margin-left:3px; }
.list-row .actions a { color:#AAA; }
.list-row .actions a:hover { color:#003087; }
.list-row .dropdown button, .list-row input { width:100%; text-align:left; border:none; font-size:15px; }
.list-row .dropdown .option { float:left; }
.list-row .dropdown i { float:right; padding:7px 0 0; }
.addresses .list-row .col-1 { width:7%; }
.addresses .list-row .col-2 { width:11%; }
.addresses .list-row .col-3 { width:11%; }
.addresses .list-row .col-4 { width:21%; }
.addresses .list-row .col-5 { width:21%; }
.addresses .list-row .col-6 { width:11%; }
.addresses .list-row .col-7 { width:11%; }
.addresses .list-row .col-8 { width:7%; }
.telephones .list-row .col-1 { width:7%; }
.telephones .list-row .col-2 { width:11%; }
.telephones .list-row .col-3 { width:32%; }
.telephones .list-row .col-4 { width:43%; }
.telephones .list-row .col-5 { width:7%; }
.emails .list-row .col-1 { width:7%; }
.emails .list-row .col-2 { width:11%; }
.emails .list-row .col-3 { width:32%; }
.emails .list-row .col-4 { width:43%; }
.emails .list-row .col-5 { width:7%; }

.socio-title { margin-left:20px; margin-top:5px; }
.socio-title h2 { margin-bottom:15px; }
.socio-codigo { font-size:15px; text-transform:uppercase; }
.socio-codigo .info { color:#000; }
.socio-actions { text-align:right; padding-right:0; }
.socio-actions .action-btn { margin-top:10px; }
.socio-header { padding-left:0; }
.avatar-socio { 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); }

.obra { margin-top:45px; padding:0; }
/*.obra-header { margin-bottom:25px; }*/
.obra-header i { font-size: 45px; padding-right:20px; color:#003087; }
.obra-header .obra-text { width:calc(100% - 65px); font-size:15px; }
.obra-header .obra-text h3 { margin:0 0 7px; font-size:26px; text-transform:uppercase; color:#000; }
.obra-header .obra-title, .obra-header .obra-codigo { padding:0; }
.obra-header .codigo { text-align: center; color: #FFF; padding:10px 15px; }
.obra-header .codigo .title { margin-bottom:3px; }

.obra-tabs { display:inline-block; margin-top:45px; margin-bottom:20px; }
.obra-tabs .tabs-group .obra-tab { position:relative; top:2px; margin:0 15px; padding-bottom:15px; border-bottom: solid 3px transparent; font-size:20px; color:#CCC; }
.obra-tabs .tabs-group .obra-tab:first-child { margin-left:0; }
.obra-tabs .tabs-group .active { color:#003087; border-bottom: solid 3px #003087; }
.obra-tabs .tabs-group .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:#003087; border-width:10px; margin-left:-10px; }
.obra-tabs .tabs-group .obra-tab:hover { color:#AAA; }
.obra-tabs .tabs-group .active:hover { color:#003087; }
.obra-tabs .tabs-group { border-bottom:1px solid #DDD; display: inline-block; width:100%; margin-bottom: 20px; }

.country-block {  margin-top:10px; padding:15px; }
.country-block h3 { margin:3px 0 0; font-size:20px; color:#000; }
.country-block i { padding:6px; color:#777; }
.country-block .icon-cross { color:#000; font-size:12px; }
.country-block-header { display:inline-block; width:100%; }
.country-block:hover { background-color:#E7E7E7; cursor:pointer; }
.country-block:hover i, .country-block:hover h3 { color:#003087; }
.country-block.active:hover { background-color:#f2f2f2; cursor:auto; }

.country-details { margin-top: 10px; }

.country-table { background-color:#FFF; border: solid 1px #AAA; }
.country-table .col-1 { width:20%; }
.country-table .col-3 { width:40%; }
.country-table .col-2, .country-table .col-4, .country-table .col-5, .country-table .col-6 { width:9%; }
.country-table-header { color:#FFF; background-color:#AAA; }
.country-table-col { display: inline-block; padding:10px 12px; font-size: 14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.logo-apdayc { display:inline-block; padding:14px 0; background-image:url(../images/APDAYC_LOGO_2024_transparente.svg); background-repeat:no-repeat; text-indent: -9999px; width: 90px; height:45px; }
.logo-apdayc:hover { opacity:0.5; filter:alpha(opacity=50); }
.logo-footer { float:left; display:block; margin:0 20px; height:40px; text-indent:-9999px; background-repeat:no-repeat; background-position:center center; background-size:cover cover; }
.logo-cisac { width:40px; background-image:url(images/CISAC_logo.svg); }
.logo-indecopi { width:107px; background-image:url(images/INDECOPI_logo.svg); background-position:center 5px; }
.logo-peru { width:67px; background-image:url(images/PERU_logo.svg); }


/* ++++++++++++++++++++++++++++++ SIDEBLOCKS ++++++++++++++++++++++++++++++ */

.sidebar { float:left; width:400px;  padding:0 15px; }
.sidebar .details-header .title { font-size:20px; color:#000;  }
.sidebar .details-header .title i { color:#AAA; font-size:18px; }
.sidebar .details-content { margin-top:10px; }
.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:25px; 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 a.link-block { display:block; padding:16px; font-size:18px; 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;  }
.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:20px; 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; }
/* End ++++++++++++++++++++++++++++++ SIDEBLOCKS ++++++++++++++++++++++++++++++ */


footer { padding:30px 0; background-color:#272727; } 
footer .credits { padding:0 15px; }
footer .credits .text { margin:0 25px; font-size:15px; color:#999; }
footer .credits .text p { margin:5px 0 0; }
footer .logos a:hover { opacity:0.5; filter:alpha(opacity=50); }


@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; }
}




.logo-desc {
	white-space: nowrap;
}

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

@media screen and (max-width:900px) {
  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; }
  a.menu-sandwich, .menu-options li.user { display:block; margin-left:15px; }
}
.select-socios .hide-select-socios {
	display:none;
}
.login-form-content .error-message { position:relative; background-color:#F8E5E5; padding:20px; margin-bottom:20px; font-size:16px; color:#BB0000; }


.front-page  .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}
.login-socio  .navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
}
/** Media Queries  */

@media only screen and (min-width: 768px) {
	.container-login { top:50%; transform:translateY(-50%);}
} 
@media only screen and (max-width: 768px) {
		.container-login { top:80px;}
    .container {
    	min-width: auto;
    }
    #main-navbar-collapse {
    	background-color:black;
    	overflow:hidden;
    	width:100%;
    }
    #main-navbar-collapse .menu-item.active {
    	margin-top:15px;
    	margin-bottom:10px;
    }
    .acceso-agentes {
    	display:none;
    }
} 

@media (max-width: 640px) {
  body { background-color:#FFF; }
  .login .logo-apdayc {
    /* background-position: 0 40px; */
    background-size: 138px 30px;
    width: 138px;
  
  }
  
  .login > .container-login {
  	 width:100%;   top: 48px;
  }
 .login > .login-footer {
    position:relative;
    left: 0;
    padding: 20px 0 40px;
    text-align: center;
	}
}
.header-block {
	margin-top:20px;
}
}