/**
 * X14
 * application web pour les metiers de l'immobilier: syndic / gerance / transaction
 *
 * LICENSE
 *
 * This source file is subject to the new BSD license that is bundled
 * with this package in the file LICENSE.txt.
 * It is also available through the world-wide-web at this URL:
 * http://x14.gercop.com/LICENCE.txt
 * 
 * @filesource /public/css/extranet-responsive.css
 * @copyright	Copyright (c) 2017, GERCOP France ( Jacques Bigand ) All rights reserved.
 * @license		http://x14.gercop.com/LICENCE.txt     New BSD License
 * @author 		Marco Palazzolo
 * @version 	0.7 - 11/11/2017 
 */

/* Responsiveness 
-------------------------------------------------- */

/*md (tablette paysage))*/
@media screen and (max-width:1170px) {	
    #sortableWidgets .col-md-12:nth-child(odd) {
        padding-left: 0px;
        padding-right: 0px;
    }
    #sortableWidgets .col-md-12:nth-child(even) {
        padding-left: 0px;
        padding-right: 0px;   
    }
    .col-md-12{
        padding-right: 0px;
        padding-left: 0px;
    }
    .row {
        margin-right: 0px; 
        margin-left: 0px;
    }
    #extranet .header img{
        max-height: 70px;
    }
}

/*sm (tablette portrait)*/
@media screen and (max-width:992px) {	

    #navLeftExtranet{
        position:absolute;
        top:0;
        padding-top:0px;
        display:none;
        z-index:1000;
        width:100%;
    }
    #menuCollaps{
        display:block;
    }
    #iconeUserMenu {
        padding: 2px 11px;
    }
    #extranet .header img{
        max-height: 100px;
    }
}
/*xs*/
@media screen and (max-width:767px) {

    .role-header {
        height:0px;
        margin-top:0px;
    }
    .rssDescription p {
        display:table-row;
    } 
    .rssDescription img {
        display:table-row;
    }
    #extranet #organization_name{
        text-align:left;
    }
    #extranet #logoAgence {
        text-align:center;
    }
    #extranet .header img{
        max-height: 80px;
    }
}
/*xs Iphone 6+ portrait*/
@media screen and (max-width:767px) and (orientation:portrait){
        
     .role-header {
        height:0px;
        margin-top:0px;
    }
    #conteneurIndex{
        width:auto;
        left:5%;
        right:5%;
        top:200px;
    }
    .col-xs-12{
        padding-right: 0px;
        padding-left: 0px;
    }
    .panel {
        margin-bottom: 10px;
    }
    #tabs .step-content {
        padding-top: 10px;
    }
    #extranet #organization_name{
        text-align:left;
    }
    #extranet #logoAgence {
        text-align:center;
    }
    #extranet .header img{
        max-height: 80px;
    }
}
/*xxs mobile portrait*/	
@media screen and (max-width:480px) {
        
    .role-header {
        height:0px;
        margin-top:0px;
    }
    #extranet #logoAgence {
        text-align:center;
    }
    #extranet .header img {
        padding: 10px;
        max-height: 80px;
    }
    #extranet #organization_name{
        text-align:left;
    }
}