/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 16-set-2014, 19.55.28
    Author     : Michele Cavalcanti <michele83@gmail.com>
*/

.popupTriangole_vertical_left{
    display: block;
    border-left: 16px solid #4d4d4d;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    _border-right-color: pink;
    _border-left-color: pink;
    _filter: chroma(color=pink);
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    float: left;
    font-size: 0;
    height: 0;
    line-height: 0;
    width: 0;


}

.postContainer{

    margin-top: 20px;
    height: 100%;
    margin-left: -10px; /*dovuto ai box dei post che hanno margin left 10 vedi classe postBox*/
    display: -webkit-box;
    display: -moz-box;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;

    -webkit-box-direction: normal;
    -moz-box-direction: normal;

    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;

    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;

    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.rotateFlapActionSBBase{
    display: block;
    position:fixed;

    padding-right: 8px;
    padding-left: 8px;

    padding-top: 0px;
    padding-bottom: 0px;

    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border:1px solid #ffffff;

    -webkit-transform: rotate(-90deg);    /* Safari 3.1+, Chrome */
    -moz-transform: rotate(-90deg);    /* Firefox 3.5+ */
    -o-transform: rotate(-90deg); /* Opera starting with 10.50 */
    /* Internet Explorer: */
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6, IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)" /* IE8 */;
    transform: rotate(-90deg);
}

.rotateFlapActionSBCnySheet{
    top:59px;
    right: 68px;
    background-color:#90c277;
    border:1px solid #90c277;
}

.rotateFlapActionSBShowroom{
    top:59px;
    right: 56px;
    background-color:#e27704;
    border:1px solid #e27704;
}


.loginPopupClass{
    width: 430px!important;
}

.iFrameLoginPopup{
    width: 100%;
    height: 480px;
}


/* SMALL Desktops and laptops da 0 a 767px modalità portrait (disabilitare questa regola per togliere il portrait su pc)----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(max-width : 767px) {

    .postContainer{
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }
    .rotateFlapActionSBBase{display: none;}
}


/*lasciare hack per uicompressor----------- */
/* Smartphones (portrait and landscape) FINO IPHONE 6+----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-device-width : 320px)
and/*!Hack-YUI-Compressor-Problem*/(max-device-width : 736px) {

    .iFrameLoginPopup{
        width: 100%;
        height: 510px;
    }



    .postContainer{
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }

    .rotateFlapActionSBBase{display: none;}




}

/* tablet (portrait and landscape) ----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-device-width : 768px)
and/*!Hack-YUI-Compressor-Problem*/(max-device-width : 1024px) {
    /* Styles */
    .foo{}
}

/* tablet (landscape) ----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-device-width : 768px)
and/*!Hack-YUI-Compressor-Problem*/(max-device-width : 1024px)
and/*!Hack-YUI-Compressor-Problem*/(orientation : landscape) {
    /* Styles */
    .foo{}
}

/* tablet (portrait) ----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-device-width : 768px)
and/*!Hack-YUI-Compressor-Problem*/(max-device-width : 1024px)
and/*!Hack-YUI-Compressor-Problem*/(orientation : portrait) {
    /* Styles */

    .postContainer{
        justify-content: space-around;
        -webkit-justify-content: space-around;
    }
    .rotateFlapActionSBBase{display: none;}
}



/* Desktops and laptops ----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-width : 1224px) {
    /* Styles */


    .rotateFlapActionSBCnySheet{right: 90px;}
    .rotateFlapActionSBShowroom{right: 79px;}



}

/* Large screens ----------- */
@media only screen
and/*!Hack-YUI-Compressor-Problem*/(min-width : 1824px) {

    .iFrameLoginPopup{height: 530px;}

    .rotateFlapActionSBCnySheet{right: 126px;}
    .rotateFlapActionSBShowroom{right: 113px;}


}