/*<!-- ROQOS MESSAGE POPUP STARTS --> 
<!-- CSS for roqosMessage popup -->*/
/*  visitor sign up modal css */

.vAlign {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
}
.vAlignCenter {
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}
.modal-content {
    max-width: 300px;
    height: inherit;
    margin: 0 auto;
    pointer-events: all;
}
.invalid {
    color: #EF0B0B;
}
.visitor_email_field {
    width: 100%;
}
/*  END visitor sign up modal css */
/*  roqosMessage div css */

.roqosMessage {
    display: none;
    /*  hidden default, javascript will show when it's needed  */
    
    position: fixed;
    /* <!--  do not move the div with scroll  --> */
    
    top: 0;
    /*<!--  put it on the top of the browser  -->*/
    
    left: 0;
    /*<!--  start from the end of the left side  -->*/
    
    width: 100%;
    /*<!--  always covers the whole browser width  -->*/
    
    max-height: 350px;
    /*<!--  max-height of the popup, show the scroll if the content is longer than this  -->*/
    
    background: #009EB4;
    /*<!--  roqosMessage bakground color  -->*/
    
    color: #fff;
    /*<!--  roqosMessage text color, this color applies to the child div if the separate color is not defined for the child div  -->*/
    
    text-align: center;
    /*<!--  align the text / content to the center  -->*/
    
    z-index: 999999;
    /*<!--  diplay it on the front   -->*/
    
    overflow: auto;
    /*<!-- scroll enable if contents are long   -->*/
}
/*<!--  END roqosMessage css  -->*/
/*<!--  innerText div css  -->*/

.innerText {
    position: relative;
    /*<!--  position relative to the parent div  -->*/
}
/*<!--  END innerText div css  -->*/
/*<!--  innerText close X css   -->*/

.innerText a:link,
a:visited,
a:hover,
a:active {
    color: #FFFFFF;
    /*<!--  put white color  -->*/
}
/*<!--  END innerText close X css  -->*/

/*<!-- END CSS for roqosMessage popup -->*/