/*
KJS Common CSS
*/

body {
   padding-bottom: 25px;   /* height of statusbar */
}

.top_align {
    vertical-align: top;
}

.hide {
    display: none;
    /*visibility: hidden;*/
}

.show {
    display: block;
    /*visibility: visible;*/
}

@media print
{    
    .no-print {
        display: none !important;
    }
}

/* widths */
.width50 { width: 50px; }
.width150 { width: 150px; }
.width200 { width: 200px; }
.width250 { width: 250px; }
.width300 { width: 300px; }
.width350 { width: 350px; }
.width400 { width: 400px; }
.width450 { width: 450px; }
.width500 { width: 500px; }


/* loader, from w3schools.com */
#loading {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/* default UI */

#statusbar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 25px;
    border-top: #7b7d7b solid 1px;
    background-color: lightgray;
}

#errornotification {
    position: absolute;
    left: 50%;
    top: 30%;
    z-index: 1;
    width: 300px;
    height: 100px;
    background-color: lightgray;
    border: #990000 solid 1px;
    padding: 5px;
}

.main_menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

.main_menu_item {
    float: left;
    font-size: 15pt;
}

.main_menu_user {
    float: right;
    font-size: 15pt;
}

.main_menu a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

.main_menu a:hover {
    color: white;
    background-color: slategray;
    text-decoration: none;
    -webkit-transition-duration: 0.2s; /* Safari */
    transition-duration: 0.2s;
}

.login_form {
    margin: 15pt;
}
    
.mandatory {
    font-weight: bold;
    color: red;
}