/**
 * Main application css file
 * File: /assets/css/app.css
 *
 * @author     WYSIWYG Data development
 * @copyright  (c) 2019 WYSIWYG Data
**/

/* Main body */
html, body {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-areas: "header" "content" "footer";
  grid-template-rows: 62px 1fr 42px;
  height: 100vh;
  width: 100%;
  font-family: tahoma, helvetica, verdana, arial, sans-serif;
  font-size: 14px;
}

/* flex containers */
.wd_FlexHeaderClass-rw, #wd_HeaderDiv, #wd_ContentDiv, #wd_FooterDiv, .wd_HomeMenuClass, .wd_DataEntryGroupClass, #wd_AssignmentDiv {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
          flex-flow: row wrap;
}
.wd_FlexHeaderClass-rn, #wd_LoginWrapperDiv, .wd_Top0MenuClass, .wd_Top1MenuClass, .cm_Top1MenuClass, .wd_SubmitClass {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
          flex-flow: row nowrap;
}

/* flex elements */
.wd_FlexElementClass-gs {
  -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 1 1 auto; /*important*/
}
.wd_FlexElementClass-f, #wd_HeaderDiv, #wd_LoginFormDiv, .wd_MenuItemClass, .wd_SubmitClass-col, .wd_DataEntryLabelClass, .wd_DataEntryInputClass, .wd_AssignmentColClass {
  -webkit-flex: 0; /* Safari 6.1+ */
  -ms-flex: 0; /* IE 10 */
  flex: 0 0 auto; /*important*/
}
.wd_FlexElementClass-g {
  -webkit-flex: 1; /* Safari 6.1+ */
  -ms-flex: 1; /* IE 10 */
  flex: 0 1 auto; /*important*/
}

/* the three grid rows and main divs */
#wd_HeaderDiv {
  grid-area: header;
}
#wd_FooterDiv {
  grid-area: footer;
}
#wd_MainContentDiv {
  grid-area: content;
}
header {
  justify-content: center;
}
footer {
  justify-content: center;
  padding: 5px;
}
content {
  overflow-y: auto;
}
#wd_AssignmentDiv {
  margin-top: 20px;
}
#wd_AssignmentButtonsDiv {
  padding: 55px 20px 0 20px;
}

/* the content div */
#wd_ContentDiv {
  margin: 0;
  padding: 0;
  max-width: 600px;
}
.wd_DataMainClass {
    position: relative;
}
.wd_HomeMenuClass {
  justify-content: space-between;
  margin-top: 20px;
}
.wd_MenuItemClass {
  padding: 0 20px 20px 0;
}

/* login form */
#wd_LoginWrapperDiv {
  height: 100vh;
  width: 100vh;
}
#wd_LoginFormDiv {
  position: fixed;
  top: 50%;
  left:50%;
  transform: translate(-50%, -50%);
  width: 300px;
}
.wd_LoginFormHeaderClass {
  padding: 8px;
}
.wd_LoginFormMainClass {
  padding: 0 0 5px 0;
}
img {
  border: 0;
}
table {
  border: 0;
  border-spacing: 0;
  border-collapse: collapse;
}
td {
  padding: 0;
}


/* Tab menu */
.wd_Top0MenuClass, .wd_Top1MenuClass {
  width: 100%;
}
.cm_LeftMenuControlClass, .cm_LeftMenuControlActiveClass {
  margin: 7px 0 7px 5px;
  padding: 7px 0 7px 5px;
}
.wd_Top0MenuControlClass, .wd_Top1MenuControlClass, .wd_Top0MenuControlActiveClass, .wd_Top1MenuControlActiveClass {
  text-align: center;
  margin: 5px 2px 0 2px;
  padding: 5px 2px 5px 2px;
}
.cm_LeftMenuItemClass, .cm_LeftMenuItemActiveClass, .wd_Top0MenuItemClass, .wd_Top1MenuItemClass, .wd_Top0MenuItemActiveClass, .wd_Top1MenuItemActiveClass {
  margin: 0;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5em;
}
.wd_Top0MenuItemClass, .wd_Top1MenuItemClass, .wd_Top0MenuItemActiveClass, .wd_Top1MenuItemActiveClass {
  max-width: 250px;
}

.wd_Top0TabMenuClass, .wd_Top1TabMenuClass {
/* max-width: 600px; */
}


/* The form control bar */
.wd_SubmitClass {
  justify-content: space-between;
  width: 100%;
  padding: 0 0 2px 0;
}
.wd_SubmitClass, .wd_WaitClass, .wd_SaveSuccessClass, .wd_SaveFailClass {
  font-size: 1.2em;
  font-weight: normal;
  padding: 0;
  margin: 10px 0 0 0;
  height: 40px;
}
.wd_WaitClass, .wd_SaveSuccessClass, .wd_SaveFailClass {
    height: 38px;
}
.wd_WaitClass {
    margin: -7px 0 0 0;
    height: 40px;
}
.wd_SaveSuccessClass p, .wd_SaveFailClass p {
  margin: -5px 0 0 0;
}
.wd_FormButtonClass {
    padding: 10px 0 0 0;
}
.wd_FormControlClass {
  margin: 5px;
  padding: 5px;
}


/* Forms - general */
.wd_ReadOnlyClass {
    cursor: not-allowed;
}
fieldset {
  padding: 5px;
  margin-bottom: 10px;
}
fieldset legend {
  font-weight: bold;
}
.wd_InputBoxClass, .wd_InputBoxLeftClass, .wd_InputBoxRightClass, .wd_InputBoxCentreClass
{
  margin: 0;
  padding: 4px;
  font-size: 1em;
  font-weight: bold;
}
.cm_InputBoxRightClass
{
  text-align: right;
}
.wd_InputBoxCentreClass
{
    text-align: center;
}

.wd_DataEntryGroupClass {
  align-content: flex-start;
}
.wd_DataEntryLabelClass {
  width: 150px;
}
.wd_DataEntryLabelClass p {
  margin: 12px 5px 0 5px;
}
.wd_DataEntryInputClass {
}
.wd_DataEntryInputClass p {
  margin: 10px 5px 10px 5px;
}


/* Text general */
.wd_ScreenTitleClass {
  margin: 0 0 10px 0;
  font-size: 1em;
  text-align: center;
}
#wd_HeaderDiv p {
  margin: 10px 0 10px 0;
  font-weight: bold;
  font-size: 2.5em;
}
#wd_FooterDiv p {
  margin: 5px 10px 5px 10px;
  font-size: .9em;
  line-height: 1.3em;
  text-align: center;
}
.wd_LoginFormHeaderClass p {
  margin: 0;
  font-size: 1.5em;
  text-align: center;
}
.wd_InputLabelClass {
  margin: 5px 5px 5px 0;
  font-size: 1em;
  font-weight: bold;
}
.wd_InputDataClass {
  margin: 0;
}
.cm_ContentTitle {
  margin: 0;
  font-size: 1.5em;
  font-weight: bold;
}
.wd_View_ErrorClass, .wd_Dlg_ErrorClass
{
    margin: 2px 0 0 0;
    font-weight: bold;
    font-style: italic;
}
#wd_AssignmentErrorDiv {
  padding: 5px;
  text-align: center;
}

/* end */