@import url('http://fonts.googleapis.com/css?family=Open+Sans') screen, print;
@import url('content.css') screen, print;
@import url('buttons.css') screen, print;
@import url('gradients.css') screen, print;
@import url('slider.css') screen, print;
@import url('Public/pages.css') screen, print;
@import url('Public/menus.css') screen, print;
@import url('Public/canvas.css') screen, print;
@import url('fontawesome-all.css') screen, print;

html, body, form {
    font-family: 'Open Sans', sans-serif, verdana, arial !important;
    font-size: 12pt;
    color: #000000;
    /*overflow-x: hidden;*/
    text-align: left;
    top: 0px;
    left: 0px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 100%;
    min-height: 100% !important;
}

*html html, *html body, *html form {
    height: 100%;
}

#gContent {
    position: relative;
    z-index: 20;
}


.o_content {
    position: relative;
    width: 100%;
    min-height: calc(100% - 310px);
}

.i_content {
    position: relative;
    min-height: calc(100% - 310px);
    margin-right: auto;
    margin-left: auto;
    /* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* RGBa with 0.6 opacity */
background: rgba(255, 255, 255, 0.6);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF);
/* For IE 8*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#CCFFFFFF)"; 
}

.container {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.pagecontent {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}

.pagecontent li {margin: 0px 0px 0px 20px;}


.popup {z-index: 100000;}



.flex-container { display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; }

.flex-item { -webkit-flex: 1 auto; flex: 1 auto; }