/*Hoja de estilo para modificaciones del MIRAGE 2 de la UCR
* Modificado por Meilyn Garro, Universidad de Costa Rica, 2015
 	
               ________________
              |                |_____    __
              |    UCRIndex    |     |__|  |_________
              |________________|     |::|  |        /
 /\--/\       |                \.____|::|__|      <     
( o_o  )_     |                      \::/  \._______\
 (u--u   \_)  |
  (||___   )==\
,dP"/b/=( /P"/b\
|8 || 8\=== || 8
`b,  ,P  `b,  ,P
  """`     """`
 
 Recuerda incluir un import de esta hoja en el main.css*/

/*¡que comience el baile de los colores!*/
*::-moz-selection{ /*subrayado para mozilla*/
    color: #FFF;
    background: none repeat scroll 0% 0% #FDB727;
}
::selection { /*subrayado para los demás. No se por qué no me dejó poner la istrcción junto a la de moz*/
    color: #FFF;
    background: none repeat scroll 0% 0% #FDB727;
}
.word-break {
    word-break: normal;
    -moz-hyphens: auto;
}
h1, .h1, h2, .h2, h3, .h3 {color: #0A467C /*#609000;verde UCR*/}
a {color: #3685B4;}
a:hover {color: #2B6B90;}
.main-content a:visited {color: #0A467C;}

/*azul kérwá sustituye #1f3f5e*/
header .navbar-default,
.navbar-inverse {
    background-color: #2180a6;
    }
    
/*azul kérwá sustituye #607890*/
.btn-primary,
.btn-primary:focus, 
.btn-primary.active,
.bg-primary,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus,
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus,
.label-primary,
.progress-bar,
.panel-primary>.panel-heading,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.trail-wrapper .sidebar-toggle:hover,
.trail-wrapper .sidebar-toggle:focus,
.authorlookup table.dataTable tbody tr.current-item,
.authorlookup table.dataTable tbody tr.current-item td {
    background-color: #3685B4;
}
.text-primary,
.btn-primary .badge,
.btn-link,
.pagination>li>a,
.pagination>li>span,
a.list-group-item.active>.badge,
.nav-pills>.active>a>.badge,
.panel-primary>.panel-heading .badge
{
    color:#3685B4;
}
.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus,
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active,
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus,
.panel-primary,
.panel-primary>.panel-heading {
    border-color:#3685B4;
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{border-top-color:#3685B4;}
.panel-primary>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#3685B4}

/*Hover azul Kérwá oscuro sustituye #122538*/
header .navbar-default .navbar-toggle > li > a:hover,
header .navbar-default .navbar-toggle > li > a:focus,
header .navbar-default .navbar-toggle>li>a:hover,
header .navbar-default .navbar-toggle>li>a:focus,
header .navbar-default .navbar-toggle>.open>a,
header .navbar-default .navbar-toggle>.open>a:hover,
header .navbar-default .navbar-toggle>.open>a:focus,
header .navbar-default .navbar-toggle:hover,
header .navbar-default .navbar-toggle:focus,
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav>li>a:hover,
header .navbar-default .navbar-nav>li>a:focus,
header .navbar-default .navbar-nav>.open>a,
header .navbar-default .navbar-nav>.open>a:hover,
header .navbar-default .navbar-nav>.open>a:focus,
header .navbar-default .navbar-nav:hover,
header .navbar-default .navbar-nav:focus,
.btn-primary:hover,
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus{
    background-color: #2B6B90;
}
.list-group-item.active,
.navbar-inverse,
.btn-primary {
    border-color: #2B6B90;
}
a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration:underline;
}
.trail-wrapper {
    background-color: #CCE1ED/*#B3CFE0*/;
    border-bottom: 1px solid #A9C1D0;
}
#main-container #sidebar {
    background-color: transparent;
}
/*......UCR header...*/
#ucr{
    background: url("/themes/VAS/images/kerwa/header_slide.jpg") bottom left repeat-x #333; 
    height: 62px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.ucr_logo { 
    display: table-cell;
    float: left;
    height: 45px;
    height: 45px;
    width: 339px;
}
.ucr_logo a{ 
    display: block;
    background: url("/themes/VAS/images/kerwa/logo_ucr.png") top left no-repeat;
    height: 45px;
    width: 339px;
    margin: 10px 0px 6px 10px;
}
.ucr_logo span{  
   display: none;
}
#ucr #navbar{
    position: relative;
    top: 30px;
}
#ucr #navbar ul{
list-style: none;
padding: 6px 0px 0px 0px;
float: right;
border-radius: 4px 4px 0px 0px;
}
#ucr #navbar li{
display: inline;
}
#ucr #navbar li a{
color: #fff;
text-decoration: none;
padding: 6px 10px 4px 10px;
text-align: center;
}
#ucr #navbar li a:hover{
background-color: #59595A;
border-radius: 4px;
}
header .navbar-brand img {
    height: auto;
}
.navbar-brand {
    padding: 0px;
    height: 125px;
}
.navbar > .container .navbar-brand {
    margin-left: 0px;
}
/*......login.................*/

label {
    margin-top: 10px;
}
/*........Search............*/
.btn-primary {
    z-index: 2;
}
/*.......main item list..........*/
li[class="ds-artifact-item odd"]{
background-color: #f7f7f7;
padding: 1px 8px 5px 8px;
}
li[class="ds-artifact-item even"]{
padding: 1px 8px 5px 8px;
margin-bottom: 3px;
}
/*..item page...*/
h2[class="page-header first-page-header"]{
    font-size: 25px;
}
div[class="simple-item-view-authors item-page-field-wrapper table"] div{
    border-bottom: solid 1px #ddd;
}
div[class="item-page-field-wrapper table"] div{ /*document list in a item*/
    padding-bottom: 10px;
    word-wrap: break-word;
    text-align: left;
    }
/*.......UCR Footer..........*/
footer ul li:first-of-type { 
    list-style: none;
    margin-left: -1em;
}
footer ul {
display: table-cell;
width: 50%;
position: relative;
text-align: left;
padding-bottom: 20px;
}
footer .footer-links {
    padding-top: 0px !important;
    border-top: solid #333 1px;
    z-index: 120;
    position: relative;
}
footer #footer-navbar ul{
padding-bottom: 10px;
padding-left: 0px;
padding-top: 10px;
}
footer #footer-navbar ul li:first-of-type {
    margin-left: 0em;
    padding: 0px 5px 0px 0px;
}
footer #footer-navbar ul li:last-of-type {
    border-right: none;
}
footer #footer-navbar ul li{
display: inline-block;
padding: 0px 5px;
border-right: solid 1px #ddd;
}
footer .hidden-print {
    padding-bottom: 10px;
}
footer .ucr_logo a{
background: url("https://revistas.ucr.ac.cr/public/images/logoConare.png") no-repeat scroll left top transparent;
height: 100px;
width: 340px;
float: right;
display: block;
text-align: center;
background-size: contain;
}
.fb, .twitter {
list-style: none;
}
.fb span, .twitter span{
display: none;
}   
.fb a {
    background: transparent url("/themes/VAS/images/kerwa/Facebook.png") no-repeat scroll left top;
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 5px;

}
.twitter a {
    background: transparent url("/themes/VAS/images/kerwa/Twitter.png") no-repeat scroll left top;
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 5px;

}
/*media queries*/
@media (min-width: 1200px){
header .navbar-default {
    background: url("/themes/VAS/images/kerwa/bg-xlarge.jpg") no-repeat top left #2180a6;
    }
}
@media (max-width: 1199px){
header .navbar-default {
    background: url("/themes/VAS/images/kerwa/bg-large.jpg") no-repeat top left #2180a6;
    }
}
@media (min-width: 992px){

}
@media (max-width: 991px){
    header .navbar-default {
    background: url("/themes/VAS/images/kerwa/bg-medio.jpg") no-repeat top left #2180a6;
    }
}
@media (max-width: 900px){
    #navbar .hidden-xs {
    display: none !important;
    }
}
@media (min-width: 768px){
    .nav .open>a,
    .nav .open>a:hover,
    .nav .open>a:focus {
        border-color:#3685B4;
        }
    .nav-pills>li.active>a,
    .nav-pills>li.active>a:hover,
    .nav-pills>li.active>a:focus {
        background-color: #3685B4;
        } 
}
@media (max-width: 767px){
    header .navbar-default {
    background: url("/themes/VAS/images/kerwa/bg-small.jpg") no-repeat top left #2180a6;
    }
   .nav-tabs>li.active>a,
   .nav-tabs>li.active>a:hover,
   .nav-tabs>li.active>a:focus {background-color:#3685B4;border:1px solid #3685B4;
        }
    footer #footer-navbar ul li{
    display: block;
    padding: 0px 5px;
    border-right: none;
    border-bottom: solid 1px #ddd;
        }
    footer #footer-navbar ul li:first-of-type {
    margin-left: 0em;
    padding: 0px 5px;
} 
}

@media (min-width: 668px){

}
@media (max-width: 667px){
    #ucr{
    display: none;
    }
    footer ul {
    width: 100%;
    position: relative;
    text-align: left;
    float: left;
    padding-bottom: 10px;
    padding-right: 8px;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        background-color:#2B6B90;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{
        border-color:#2B6B90
    }
}
@media (min-width: 481px){
   .navbar-brand .visible-xs-logo{display:none !important}
}
@media (max-width: 480px){
header .navbar-default {
    background: url("/themes/VAS/images/kerwa/bg-xsmall.jpg") no-repeat top left #2180a6;
    }
   .navbar-brand .hidden-xs-logo{display:none !important}
   /*.navbar-brand .visible-xs-logo{margin: 15px 0px 0px 15px;}*/
}

#botonEnvio a{
	background: transparent url("/themes/Kerwa/images/submit_button.jpg") no-repeat left top;
	height: 140px;
	width: 190px;
	display: block;
	margin: 10px;
	color: #fff;
	color: transparent;

}

#botonVideoInstructivo
{
    text-align: center;
}

#botonManual
{
    text-align: center;
}

#botonVideoInstructivo a{
	background: transparent url("/themes/Kerwa/images/kerwa/btn_normal_video.png") no-repeat left top;
	height: 200px;
	width: 200px;
	display: block;
	margin: 10px;
	color: #fff;
}

#botonManual a{
	background: transparent url("/themes/Kerwa/images/kerwa/btn_normal_manual.png") no-repeat left top;
	height: 200px;
	width: 200px;
	display: block;
	margin: 10px;
	color: #fff;
}

#botonVideoInstructivo a:hover{
	background: transparent url("/themes/Kerwa/images/kerwa/btn_active_video.png") no-repeat left top;
	height: 200px;
	width: 200px;
	display: block;
	margin: 10px;
}

#botonManual a:hover{
	background: transparent url("/themes/Kerwa/images/kerwa/btn_active_manual.png") no-repeat left top;
	height: 200px;
	width: 200px;
	display: block;
	margin: 10px;
}