/*
 *  adAS-SSO
 * ================================================
 *
 * Copyright (C) 2010 - @@YEAR@@ by Auditoria y Consultoría de Privacidad y
 * Seguridad (PRiSE http://www.prise.es)
 *
 * *****************************************************************************
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 *
 * ************************************************************************** */

#userpass { 
    margin-top:15px;
    position:relative;
}    
/*Fed theme specifics*/
#idplist {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 2fr;
    grid-row-gap: 20px;
    -ms-grid-columns: 1fr 1fr;
    -ms-grid-rows: 2fr;
    align-items: center;
}
.rowidp {
    line-height: 1.5em; 
    cursor: pointer;
    font-size: 16px;
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: 2fr;
    grid-row-gap: 20px;
    align-items: center;
    -ms-grid-columns: 1fr 4fr;
    -ms-grid-rows: 2fr;    
    justify-content: center;
}
.rowname {
    line-height: 1.5em; 
    cursor: pointer;
    font-size: 16px;
    padding-left: 8px;
    padding-right: 5%;
}
#idplist .img{
    text-align: center;
    height: auto;
    margin: auto;
    max-width: 80%;
}
#idplist .name{
    padding-right: 5%;
    text-align: left;
}
.rowidp:hover, .rowname:hover {
    background: #ddd;
    cursor: pointer;
}
UL.pagination LI DIV,
UL.pagination LI SPAN { 
    border: 1px solid #eee; 
    padding: 2px 6px; 
    background: #FFF;
}
UL.pagination SPAN.NOTUSED { 
    background: #efefef; 
}
UL.pagination LI SPAN:hover { 
    text-decoration: none;
    background:#eee; 
    cursor: pointer;
}
UL.pagination LI SPAN.NOTUSED:hover { 
    cursor: default;
}
UL.pagination {
    margin: 0;    
    margin-top: 1em;
    padding: 0.5em 0;
    list-style: none;     
    text-align: center;   
}
UL.pagination LI {
    display:inline; 
    margin: 0; 
}
.choosefedorg{
    margin-top:6%;
    text-align:center;
    width:74%;
    margin-left:10%;
    margin-right: 10%;      
}
#searchboxfed{
    margin-top: 1%;
    position: relative;    
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;

}
#bookmark{    
    width:74%;
    margin-left:10%;
    margin-right: 10%;   
}
#search-fed, #boxleft{
    margin-right: 45px;
}
#search-fed{    
    width: 70%;
}
#boxleft {   
    background: #fff;
    padding:3%;
    border:1px solid #eee;
    display:none;
}

/*Start of responsive sizes*/
@media all and (max-width: 835px) {        
    #search-fed, #boxleft { margin-right: 11px; }
    #bookmark, .choosefedorg { width: 80%;}    
    /*#blue_bar{ background-color:chartreuse;}*/
}

@media all and (max-width: 792px){ 
    #search-fed, #boxleft { margin-right: 1%; }  
    #footer{ margin-right: 20px; }
    /*#blue_bar{ background-color:indigo;}*/
}

@media all and (max-width: 773px){ 
    /*#blue_bar{ background-color:turquoise;}*/
}
@media all and (max-width: 708px){      
    /*#blue_bar{ background-color:sandybrown;}*/
}
@media all and (max-width: 694px){    
    #searchboxfed .form-item{width:97%;}
    #search-fed{   margin-right: -1.7%;}
    /*#blue_bar{ background-color:rosybrown;}*/
}
@media all and (max-width: 691px){ 
    /*#blue_bar{ background-color:gold;}*/
}
@media all and (max-width: 620px){   
    #search-fed{   margin-right: -1.9%;}
    /*#blue_bar{ background-color:lightcoral;}*/
}
@media all and (max-width: 620px){   
    #search-fed{   margin-right: -2%;}
    /*#blue_bar{ background-color:lightblue;}*/
}
@media all and (max-width: 663px){   
    #search-fed{   margin-right: -2.1%;}
    /*#blue_bar{ background-color:lightpink;}*/
}
@media all and (max-width: 545px){ 
    /*#blue_bar{ background-color:grey;}*/
}
@media all and (max-width: 477px){ 
    #search-fed{width:101.5%}
    #content_bottom { margin-top: 8%; }
    #bookmark{
        display: -ms-grid;
        display: inline-grid;
        grid-template-columns: 1fr 1fr 1fr;
        grid-template-rows: 1fr 1fr 1fr;
        grid-column-gap: 10px;
        grid-row-gap: 10px;        

        -ms-grid-gap: 10px;
        -ms-grid-columns: 1fr 1fr 1fr;
        -ms-grid-rows: 1fr 1fr 1fr;
    }    
    UL.pagination LI {
        display:inherit;
        float: left;
        margin-left:5%;
        margin-right:5%;
    }
    #idplist {
        grid-template-columns: 1fr;
        -ms-grid-columns: 1fr;
    }
    /*#blue_bar{ background-color:red;}*/
}
@media all and (max-width: 422px){ 
    #content_bottom{ margin-top:10%; }
    /*#blue_bar{ background-color:yellow;}*/
}
@media all and (max-width: 335px){ 
    /*#blue_bar{ background-color:pink;}*/
}