* {
    font-family:"Open Sans", Helvetica, Arial, Verdana, sans-serif;
    font-size: 15px;
    font-style:normal;
    line-height:28px;
    margin:0;
    padding:0;
    color:#787d85;
}

html,body,.fullsize,div.cont.fullsize{
    width:100%;
    height:100%;
}

body{
    background-color:#f8f8f9;
}

.cont{
    position:relative;
    width:100%;
}

.header{
    background-color:#ffffff;
    color:#333539;
    border-bottom:1px solid #787d85;
    position:fixed;
    height:34px;
    top:0px;
    left:0px;
    right:0px;
    z-index:20;
}

.inner_header{
    margin: 0 auto !important;
    height:34px;
    width:1000px;
    line-height:34px;
    /*
    padding-left:40px;
    */
}

.header img.logo{
    display:inline-block;
    height:32px;
}

.header a.logo{
    display:inline-block;
    width:34px;
    height:34px;
    position:absolute;
    top:0;
    left:0;
}

.header .nav_bar{
    display:inline-block;
    height:34px;
    position:absolute;
    top:0;
    left:40px;
}

.header a.nav{
    clear:both;
    display:inline-block;
    height:34px;
    margin-left:5px;
    margin-right:5px;
    margin-top:auto;
    margin-bottom:auto;
    padding-left:5px;
    padding-right:5px;
    line-height:34px;    
    font-weight:bold;
    text-decoration:none;
}

.footer{
    background-color:#ffffff;
    border-top:1px solid #787d85;
    position:fixed;
    height:30px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:20;
}

.inner_footer{
    margin: 0 auto !important;
    height:30px;
    width:1000px;
}

.content{
    z-index:10;
    padding-top:34px;
    padding-bottom:30px;
}

.inner_content{
    background-color:#ffffff;
    padding-left:2px;
    padding-right:2px;
    padding-top:2px;
    padding-bottom:2px;
    margin: 0 auto !important;
    width:1000px;

}

.app_form{
    display:inline-block;
    border: 1px solid gray;
    margin-top: 2px;
    margin-bottom: 2px;
    padding: 5px;
}

.app_form label{
    display: inline-block;
    width: 80px
}

.app_form .input_row, .app_form .messages{
    margin-bottom: 2px
}

.message{
    padding: 2px;
    margin-bottom:1px;
}

.message.msgTypeS{
    background-color:#087d08;
    color:#ffffff;
}
.message.msgTypeI{
    background-color:#0f23cc;
    color:#ffffff;
}
.message.msgTypeW{
    background-color:#767414;
    color:#ffffff;
}
.message.msgTypeE{
    background-color:#950c09;
    color:#ffffff;
}
.message.msgTypeD{
    background-color:#979ab5;
    color:#000000;
}
input.error{
    border: 1px solid #950c09;
    background-color:#f8a2a0;
}


.layout, .layo_comp, .layo_comp_inner{
    display:flex;
}

.layout_hbf{
    flex-direction:column;
    height:100%;
    flex:1;
    /*
    align-content:stretch;
    */
}

.layout_hbf .layo_comp, .layout_hbf .layo_comp .layo_comp_inner{
    flex-direction:row;
}

.layout_hbf .layo_comp .layo_comp_inner.layo_body_inner{
    /*flex-direction:column;*/
    /*display:block;*/
    min-height:100%;
    height:fit-content;
    /*flex:1;*/
}

.layout_hbf .layo_comp{
    justify-content: center;
}

.layout_hbf .layo_comp_inner{
    width:1000px;
}

.layo_header, .layo_body_inner, .layo_footer{
    background-color:#ffffff;
}

.layo_header{
    color:#333539;
    border-bottom:1px solid #787d85;
    height:34px;
}

.layo_body{
    flex:auto;
    overflow: auto;
}

.layo_body_inner{
    height:100%;
}

.layo_footer{
    border-top:1px solid #787d85;
    height:30px;
}

.layo_header_inner{
    align-items:center;
}

.layo_header .logo{
    display:inline-block;
    height:34px;
}

/*
.layo_header a.logo{
display:inline-block;
width:34px;
height:34px;
}
*/

.layo_header .title, .layo_header .nav_bar{
    display:inline-block;
    /*height:34px;*/
}

.layo_header .title{
    font-weight:bold;
    margin-left:5px;
    margin-right:5px;
}

.layo_header a.nav{
    display:inline-block;
    /*height:34px;*/
    margin-top:auto;
    margin-bottom:auto;
    /*line-height:34px;*/
    font-weight:bold;
    text-decoration:none;
}

.layo_header div.nav_cont{
    display:inline-block;
}

.layo_header .nav_bar a.nav{
    margin-left:5px;
    margin-right:5px;
    padding-left:5px;
    padding-right:5px;
}

.layo_header .auth{
    margin-left:auto;
    margin-right:5px;
}



@media screen and (max-width: 1000px){
    .inner_header, .inner_footer, .inner_content{
        width:100%;
        margin:0 !important;
    }
}