/*
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 : 11-set-2015, 22.04.37
    Author     : Dn
*/

.vertical-alignment-helper {
    display:table;
    height: 100%;
    width: 100%;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width:inherit;
    height:inherit;
    /* To center horizontally */
    margin: 0 auto;
}
#modal-loading .modal-content{
    background-color: #000000;
}
#modal-loading .modal-sm {
    width: 90px;
}

#modal-image .modal-content{
    background-color: #000000;
    border: 5px #010101 solid;
}
#modal-image .modal-header{
    border: 0;
}
#modal-image .close{
    color: #ffffff;
    opacity: 0.8;
}

#modal-carousel-image .modal-body .img-responsive {
    margin: 0 auto;
}

#modal-carousel-image .modal-content{
    background-color: #000000;
    border: 5px #010101 solid;
}
#modal-carousel-image .modal-header{
    border: 0;
}
#modal-carousel-image .close{
    color: #ffffff;
    opacity: 0.8;
}

#modal-carousel-image .modal-body .img-responsive {
    margin: 0 auto;
}

.zoom {
    zoom: 2;
    -moz-transform: scale(2);
    -moz-transform-origin: 0 0;
    -o-transform: scale(2);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(2);
    -webkit-transform-origin: 0 0;
    transform: scale(2); /* Standard Property */
    transform-origin: 0 0;  /* Standard Property */
}

iframe modal
.wrap { 
    width: 100%; 
    height: 500px;
} 
.wrap_content { 
    height: 100%; 
    width: 100%; 
    padding-bottom: 50%; 
    overflow: hidden; 
    position: relative; 
    overflow-y: auto;
} 
.wrap_content iframe { 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%; 
    position: absolute; overflow-y: auto;
}
#frame { width: 133%;height: 133%; }
#frame {
    zoom: 0.75;
    -ms-zoom: 0.75;
    -moz-transform: scale(0.75);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.75);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.75);
    -webkit-transform-origin: 0 0;
    transform: scale(0.75);
    transform-origin: 0 0;
}

@media only screen and (max-width : 992px) {
    .wrap {  
    height: 400px;
    } 
    #frame {
        zoom: 0.5;
       -ms-zoom: 0.5;
       -moz-transform: scale(0.5);
       -moz-transform-origin: 0 0;
       -o-transform: scale(0.5);
       -o-transform-origin: 0 0;
       -webkit-transform: scale(0.5);
       -webkit-transform-origin: 0 0;
       transform: scale(0.5);
        transform-origin: 0 0;
    }
}