/** IFRAME EN POPUP **/

.iframe-wrapper {

    position: fixed;

    top: 0px;

    right: -1000px;

    width: 30%;

    height: 100vh;

    z-index: 2147483001;

    border-radius: 10px;

    transition: all ease 0.5s;

}



@media (max-width: 768px)

{

	.iframe-wrapper {

        width: 100vw;

    }

}



@media (min-width: 769px) and (max-width: 1200px)

{

	.iframe-wrapper {

        width: 40%;

    }

}



.iframe-wrapper.default-widget-iframe-wrapper {

    background-color: white;

    top: 40px;

    height: calc(100vh - 80px);

}



@media (max-width: 768px)

{

	.iframe-wrapper.default-widget-iframe-wrapper {

        background-color: white;

        top: 0px;

        height: 100vh;

    }

}



.iframe-wrapper.open {

    right: 0px;

}



iframe.iframe-popup {

    width: 100%;

    height: 100%;

    border: 0px;

    border-radius: 10px;

}



/** IFRAME EN STATIC **/

.iframe-static-wrapper {

    width: 100%;

    height: 600px;
    
    border-radius: 10px;

}



.iframe-static-wrapper.default-widget-iframe-wrapper {

    background-color: white;

}



iframe.iframe-static {

    width: 100%;

    height: 600px;

    border: 0px;

}



/** BOUTON **/

.iframe-button.default-widget-button

{

    padding: 15px;
	
	font-size: 18px;

    cursor: pointer;

    background-color: #3572a3;

    border-radius: 10px;

    color: white;

    width:initial;

}

.iframe-button.default-widget-button:hover {

    color: white;

}