@media screen and (max-width: 767px) {
    .mobile-hidden-xs {
        display: block !important;
    }

    .ticketfeedbackWidget iframe {
        width: 100% !important;
    }

    .ticketwidget-theme {
        top: 0;
        transform: rotate(0deg) !important;
        width: 100px;
        left: 43% !important;
        text-align: center;
    }

    .ticketfeedbackWidget {
        left: 0 !important;
        margin: auto auto auto auto !important;
        padding: 0 !important;
        top: 50px !important;
        right: 0px;
        width: 95% !important;
        height: 90% !important;
    }

    .ticketfeedbackwidget-close {
        right: 14px;
        top: 2px !important;
        left: auto !important;
    }
}

.ticket-button {
    margin: 0;
    display: block;
    width: 0;
    height: 0;
    outline: 0;
    z-index: 90000;
    position: fixed;
    left: 0;
    /*border:3px solid;*/
}


/*.imgticket-button {    
    margin: 0;    
    display: block!important;
    width:0;
    height:0;
    outline:0;
    z-index: 90000; 
    position:fixed;    
    left:0; 
}*/

.ticketwidget-theme {
    /*transform: rotate(-90deg);*/
    position: fixed;
    text-decoration: none !important;
    white-space: nowrap;
    outline: 0;
    font-size: 14px;
    font-weight: bold;
    text-shadow: rgba(0,0,0,0.2),-1px,-1px,1px;
    padding: 6px 16px;
    /*left: -20px;*/
}

.ticket-button .ticketwidget-theme:hover {
    text-decoration: none;
    border: none;
}

.ticket-btn-left a {
    left: -2px
}

    .ticket-btn-left a:hover {
        left: 0
    }


.ticket-btn-right a {
    right: -2px
}

    .ticket-btn-right a:hover {
        right: 0
    }


.ticket-btn-top a {
    top: -2px
}

    .ticket-btn-top a:hover {
        top: 0
    }

.ticket-btn-bottom a {
    bottom: -2px
}

    .ticket-btn-bottom a:hover {
        bottom: 0
    }

.ticket-btn-left a.ticketwidget-theme, .ticket-btn-top a.ticketwidget-theme {
    -moz-border-radius-bottomleft: 6px;
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.08),inset 0 -2px 0 rgba(255,255,255,0.7),inset 0 9px 29px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.08),inset 0 -2px 0 rgba(255,255,255,0.7),inset 0 9px 29px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px rgba(0,0,0,0.1),inset 0 -1px 0 rgba(0,0,0,0.08),inset 0 -2px 0 rgba(255,255,255,0.7),inset 0 9px 29px rgba(0,0,0,0.1);
}

.ticket-btn-left a.ticketwidget-theme {
    transform: rotate(-90deg);
    transform-origin: top left;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: top left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: top left;
    -o-transform: rotate(-90deg);
    -o-transform-origin: top left;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3)
}


.ticket-btn-right a.ticketwidget-theme {
    transform: rotate(-90deg);
    transform-origin: bottom left;
    -moz-transform: rotate(-90deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-90deg);
    -webkit-transform-origin: bottom left;
    -o-transform: rotate(-90deg);
    -o-transform-origin: bottom left;
    filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
    -webkit-transform-origin-x: 100%;
    -webkit-transform-origin-y: 100%;
}

.ticket-btn-bottom a.ticketwidget-theme,
.ticket-btn-right a.ticketwidget-theme {
    -moz-border-radius-topleft: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 2px 0 rgba(255, 255, 255, 0.7), inset 0 -9px 29px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 2px 0 rgba(255, 255, 255, 0.7), inset 0 -9px 29px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(0, 0, 0, 0.08), inset 0 2px 0 rgba(255, 255, 255, 0.7), inset 0 -9px 29px rgba(0, 0, 0, 0.1)
}

.ticketfeedbackWidget {
    display: block;
    position: fixed;
    left: 47%;
    top: 79px;
    bottom: 120px;
    width: 808px;
    margin: auto;
    margin-left: -350px;
    padding: 0px;
    border-radius: 11px;
    z-index: 9999;
    height: 100%;
    padding-top: 3%;
    padding-bottom: 2%;
}

iframe[id^="ifrTicketFeedback"] {
    border-radius: 9px;
    box-shadow: 0 0 10px #000;
    position: relative;
    z-index: 9;
}

.widget-ovelay {
    background-color: #000;
    display: inline-block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
}


/*.ticketfeedbackwidget-close {
    cursor: pointer;
    display: block;
    height: 28px;
    left: -28px;
    position: absolute;
    top: 11px;
    width: 28px;
    z-index: 99999;
}*/
.ticketfeedbackwidget-close {
    cursor: pointer;
    height: 30px;
    right: 5px;
    position: absolute;
    top: 5px;
    width: 30px;
    z-index: 99999;
    background: transparent;
    border: none !important;
    font-weight: bolder;
    font-size: 20px;
    color: #808080;
}

    .ticketfeedbackwidget-close:hover {
        color: #000;
    }



@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */
    body {
        -ms-overflow-style: scrollbar;
    }
}