@charset "utf-8";
/* CSS Document */
html, body { height:100%; }
* { margin: 0px; }
body { background-color: #f2f2f2; margin:0px; font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#000000; }

#app_title { font-size: 20px; }
#app_version { font-size: 12px;}
@media (max-width: 900px) {
    #app_title { font-size: 14px; }
    #app_version { font-size: 10px; }
}


#divFooter { position:fixed; width:100%; height:40px; max-height:100%; bottom:0px; background-color: #6c757d;  z-index:1900; }
#divFooterCopyright { padding-top:12px; float:right; height:20px; right:10px; padding-right:10px; text-align:right; font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size:11px; color:#fff; }
#divFooterCopyright a:link, #divFooterCopyright a:visited { color:#00f; text-decoration:underline; }
#divFooterCopyright a:hover { color:#FF9900; text-decoration:underline; } 
#divFooterInfo { float:left; height:20px; padding-top:12px; padding-left:10px; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; }
#divFooterDateTime { float:left; height:20px; padding-top:12px; padding-left:10px; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; }
#divFooterTimeout { float:left; height:20px; padding-top:12px; padding-left:20px; text-align:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color: #e2b709; }




a:link.link1, a:visited.link1 { font-size:11px; font-family: Verdana, Geneva, sans-serif; color:#0000FF; text-decoration:underline; }
a:hover.link1 { color:#993333; text-decoration:underline; }

a:link.link2, a:visited.link2 { font-size:12px; color:#000000; text-decoration:underline; }
a:hover.link2 { color:#fff; text-decoration:none; }


.formLabel { font-size:14px; color:#333; font-weight:bold; }
.inputFocusOn { border: #930000 solid 1px; background-color:#DAE9F8; }
.inputFocusOff { border: #B7C8DF solid 1px; background-color:#F2F2F2; }
.required { color:#F00; }
.disabled, button:disabled, input:disabled { cursor: url(../images/disabled_red.png), auto !important; pointer-events: all !important;  }


#table_homepageMenu {  margin:auto; font-size:12px;   }
#table_homepageMenu td {
    background-color:#f5f5f5; color: #666; width:120px; text-align:center;
    border:solid 1px #c1d0dd; font-weight:bold;
    -moz-box-shadow:0px 0px 5px #bbb; -webkit-box-shadow:0px 0px 5px #bbb; box-shadow:0px 0px 5px #bbb;
    border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
}
#table_homepageMenu td:hover { 
    background-color: #9ec5fe; /*#dbf3fe;*/
    color: #000;
    border: solid 1px #1B4F72; /*#88d3fc;*/
    cursor:pointer;
    -moz-box-shadow:0px 0px 10px #6ccafc; -webkit-box-shadow:0px 0px 10px #6ccafc; box-shadow:0px 0px 10px #c1d0dd;
}   
/*
h3.title {
    padding: 15px 8px 15px 8px;
    background-color:#fcefa1; font-size:16px; font-weight:bold; display:block; position:relative;
    width:98%;
    border:solid 1px #aaa; margin-bottom:30px;
}*/
p.alert { background-color:#F00; color:#FFF; padding: 15px; font-size: 14px; font-weight: bold; width: 80%; }




.search-box {
    background-image: url(../images/searchicon.png);
    background-position: 10px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding: 12px 20px 12px 40px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 12px !important;
    width: 60%;
}
.search-box.no-image { background-image: none; padding-left: 10px !important; }


/************************************************/
fieldset {
    margin-top: 1em; padding:5px; padding:1.5em;
    border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
    border:#aaa solid 1px; background:#eee;
    /*text-shadow:0 1px 0 #fff; -moz-box-shadow: 1px 1px 2px #fff inset; -webkit-box-shadow: 1px 1px 2px #fff inset; box-shadow: 1px 1px 2px #fff inset;*/
}

fieldset fieldset { 
    margin: 0.8em; background:#fff; border:1px solid #aaa; background:none repeat scroll 0 0 #E8E8E8; 
}

fieldset legend {
    font-weight:bold; color:#444; padding:5px 10px; font-size: 14px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    border:1px solid #aaa; background-color:#fff;
-moz-box-shadow:3px 3px 15px #bbb; -webkit-box-shadow:3px 3px 15px #bbb; box-shadow:3px 3px 15px #bbb;
}

input[type=text], input[type=password], textarea{
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    box-shadow:0 1px 2px #ddd; -moz-box-shadow:0 1px 2px #ddd; -webkit-box-shadow:0 1px 2px #ddd;
    border:1px solid #aaa; padding:4px; margin:6px;
}

input[type=button], input[type=submit] { 
	padding:2px; margin:1px;  cursor:pointer;
}
select {
    padding: 5px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    border:1px solid #aaa;
}



.truncated-text { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.focussed     { border: #930000 solid 1px; background-color:#DAE9F8; }
.notFocussed  { border: #B7C8DF solid 1px; background-color:#FFFFFF; }
.notCompleted { border: #B7C8DF solid 1px; background-color: #F66; }

.align { vertical-align: middle; display: inline-block; }
img { border:none; }

select.bigger {  height: 35px; }

input.largerCheckbox {
    transform: scale(1.5);
}
input[type=checkbox] {
    transform: scale(1.4);
}

div.info {
    text-align: center;
    padding: 10px; width: auto;
    background-color: #fffdc3; font-weight: bold; font-size: 14px; margin-bottom:20px;
    border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;
    border:1px solid yellow;
}
/******************************************************************************/


/* TopMenuBar ********************************************************************/
#topMenu {
    position:absolute; background:#CEE4FF url(../images/toolbar.png) repeat-x;
    border:#A4BED4 solid 1px; width:100%; height:30px; list-style-type:none;
    margin:0; padding:0;
    font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
}
/* Item first level*/
#topMenu li { float:left; width:auto; margin:0; padding:0; border:0; }
#topMenu li a:link, #topMenu li a:visited { display:block; padding: 7px 20px 7px 20px; color:#333; text-align:center; text-decoration: none; border-right:#A4BED4 solid 1px; }
#topMenu li a:hover { background:#ff9b00 url(../images/toolbarOver.png) repeat-x; color:#000; }
/* Item second level */
#topMenu .secondMenu { width: auto; min-width: 170px; display:none; list-style-type:none; margin:0; margin-top:0px; padding:0; background-color:#CEE4FF; border:#A4BED4 solid 1px; }
#topMenu .secondMenu li { width: auto; min-width: 170px; float:none; border-top:1px solid transparent; border-right:1px solid transparent; height:30px; }
#topMenu .secondMenu li a:link, #topMenu .secondMenu li a:visited { display:block; color:#333; text-align:left; padding-left:10px;}
#topMenu .secondMenu li a:hover { background:#ff9b00 url(../images/toolbarOver.png) repeat-x; color:#FFF; }
#topMenu li:hover > .secondMenu { display: block; }
/******************************************************************************/




span.error { color: red; }

.red-asterisk { color: red; font-size: 14px; }
/*div.download-pdf {   top: 50px; right:20px; text-align: right; z-index:99; }*/

/*div.download-pdf-forsupervisor { margin-top: 0px; margin-bottom: 20px; text-align: right; }*/

div.top-button-container { position: relative; margin-top: 0; margin-bottom: 20px; height: 40px; }
div.download-pdf-button { float: right; text-align: right; }
div.upload-button { float: left; text-align: left; }

/**********************************************************************************************************************/
/*** myButton ***/
button.myButton {
    min-width: 120px;
    padding: 8px 15px;
    margin: 0px 5px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
}
button.mybutton-shadow {
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
    0 2px 2px -1px rgba(0, 0, 0, .5),
    0 1px 0 rgba(255, 255, 255, .3) inset;
    /*text-shadow: 0 1px 0 rgba(255,255,255, .6);*/
}
button.myButton img {
    width: 16px; margin-right: 5px;
    vertical-align: middle; display: inline-block;
}
button.myButton[disabled], button.myButton[disabled]:hover, button.myButton[disabled]:active {
    border-color: #eaeaea;
    background: #fafafa;
    cursor: default;
    position: static;
    color: #999;
    /* Usually, !important should be avoided but here it's really needed :) */
    box-shadow: none !important;
    text-shadow: none !important;
    cursor: url(../images/disabled_red.png), auto !important; pointer-events: all !important;

}


button.myButton-normal { color: #333; background-color: #ddd; border: 1px solid #888; }
button.myButton-normal:hover { color: #000; background-color: #eee; }
button.myButton-green { color: #ffffff; background-color: #198754; border: 1px solid #008080; }
button.myButton-green:hover { color: #198754; background-color: #ffffff; }
button.myButton-blue { color: #ffffff; background-color: #0d6efd; border: 1px solid #0000ff; }
button.myButton-blue:hover { color: #0d6efd; background-color: #ffffff; }
button.myButton-red { color: #ffffff; background-color: #dc3545; border: 1px solid #804040; }
button.myButton-red:hover { color: #dc3545; background-color: #ffffff; }
button.myButton-gray { color: #ffffff; background-color: #6c7d75; border: 1px solid #1e1e1e; }
button.myButton-gray:hover { color: #6c7d75; background-color: #ffffff; }
button.myButton-yellow { color: #000000; background-color: #ffc107; border: 1px solid #ff8040; }
button.myButton-yellow:hover { color: #ff8040; background-color: #ffffff; }
button.myButton-cyan { color: #000000; background-color: #0dcaf0; border: 1px solid #4848ff; }
button.myButton-cyan:hover { color: #0000a0; background-color: #ffffff; }



.jconfirm-supervan div.jconfirm-content { font-size: 20px !important; }
.jconfirm-supervan div.jconfirm-title { font-size: 28px !important; }