* {
    font-family: 'Segoe UI', sans-serif;
}
.background
{
    position: fixed;
    padding: 0;
    display: block;
    margin: 0 auto;
    max-height: 100%;
    max-width: 100%;
    background-repeat: repeat-x;
}
.banner
{
    cursor: pointer;
}
.bannerLightLoggedIn
{
    /*cursor: pointer;*/
    /*position: fixed;*/
}
.bannerLightLoggedOut
{
    /*cursor: pointer;*/
    position: fixed;
}
.content 
{
    
}
.contentPane
{
    padding: 5px;
}
.contentPaneMain
{

}
.footerPane
{
    background-color: white;
    position: fixed;
}
.footerTable
{
    align-content: center;
    display: inline-block;
}
.form
{
    border: solid;
    border-color: silver;
    border-width: 1px;
    padding: 10px;
}
.form-centered
{
    background-color: white;
    border: solid;
    border-color: silver;
    border-width: 1px;
    margin: auto;
    margin-top: 100px;
    padding: 10px;
    position: relative;
    width: 350px;
}
.form-control
{
    padding-bottom: 10px;
    padding-right: 10px;
}
.form-control-closer
{
    padding-bottom: 5px;
    padding-right: 5px;
}
.form-control-closest
{
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 0px;
}
.form-control-fullwidth
{
    padding-bottom: 10px;
    padding-right: 10px;
    width: 100%;
}
.form-control-spatious
{
    padding: 10px;
}
.form-error-message
{
    background-color: lightgrey;
    border: solid;
    border-color: silver;
    border-width: 1px;
    color: grey;
    font-weight: bold;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 10px;
}
.headerMenu
{

}
.headerPane
{

}
.headerTop
{

}
.homeTabControl
{
    width: 100%;
    height: 100%;
}
.leftPane
{

}
.leftPanel
{

}
.loginControl
{
    float: right;
    position: relative;
    padding: 5px;
}
 .logo
{
    border: solid;
    border-color: silver;
    border-width: 1px;
    cursor: pointer;
    margin-bottom: 5px;
}
.title
 {
     background-color: #fafafa;
     border: 1px solid #bbb;
     color: #444; 
     font-size: 1.1rem;
     margin-bottom: 5px;
     padding: 10px;
     font-weight: 500;
 }

/*Temporary for Sun Academy - Begin*/
.si1
{
    background-color: #0e244a;
    color: white;
}
.si2
{
    padding: 10px;
}
.si3
{
    color: #0e244a;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.si4
{
    border-color: #0e244a;
    border-width: 1px;
    border-style: solid;
}
.si5
{
    background-color: #0e244a;
}
.si6
{
    color: white;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}
.si7
{
    background-color: #0e244a;
    color: white;
    padding: 5px;
    font-weight: bold;
    text-align: center;
}
.si8
{
    padding: 5px;
}
.si9
{
    padding: 5px;
    text-align: center;
}
.siimage {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.simiddle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container:hover .image {
  opacity: 0.3;
}

.container:hover .middle {
  opacity: 1;
}
/*Temporary for Sun Academy - End*/

/*DevExpress File Upload*/
.dropZoneExternal > div,
.dropZoneExternal > img
{
}
.dropZoneExternal
{
    border: 1px dashed;
    cursor: pointer;
    padding-bottom: 50px;
}
.dropZoneExternal,
.dragZoneText
{
    width: 100%;
    height: 350px;
}
#dragZone
{
    width: 100%;
    display: table;
}
#uploadedImage
{
    width: 100%;
}
.dropZoneText
{
    color: #fff;
    background-color: #888;
}
#dropZone
{
    top: 0;
    padding: 100px 25px;
}
.uploadControlDropZone
{
    display: none;
}
.dropZoneText,
.dragZoneText
{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 20pt;
}
.dragZoneText
{
    color: #808080;
}
.dxucInlineDropZoneSys span
{
    color: #fff!important;
    font-size: 10pt;
    font-weight: normal!important;
}
.validationMessage
{
    padding: 0 20px;
    text-align: center;
}
.uploadContainer
{
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}