/*

ExSite default system stylesheet

This stylesheet is used by ExSite administration screens and control panels.
It defines style rules for the markup that is generated by ExSite kernel
tools such as ReportBuilder, FormBuilder, and so on.

*/

/*------- import other stylesheets -------*/

/* @import url(UI.css); */
@import url(Form.css);
@import url(Report.css);

/*------- Defaults ---------*/

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DD, DT, FORM, H1, H2, H3, H4, H5, H6, MENU, OL, P, TD, TH, UL {font-family: sans-serif;}

ADDRESS, BLOCKQUOTE, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DD, FORM, MENU, OL, P, TD, UL {font-family: sans-serif; font-size:10pt; }

html, body { margin:0px; height:100%; font-family:sans-serif; }

/*------- General Text Formatting -------*/

.error 		{ color:#CC0000; }
.warn           { color:#CC9900; }
.warning	{ color:#CC9900; }
.info 		{ color:#009900; }
.help 		{ color:#009900; }
.data 		{ font-family:monospace; }
.caption 	{ color:#666666; font-style:italic; }
.publishedFile  { color:#44aa99; }
.unpublishedFile{ color:#900; }
.disabled       { color:#666666; text-decoration:line-through; }
div.error       { 
    border-bottom:1px dotted #900;
    padding-top:10px;
    padding-bottom:10px;
}
div.errors       { 
    margin-top:20px;
    border-top:1px dotted #900;
}
.statusPublished { color:green; }
.statusArchived { color:orange; }
.statusApproved { color:orange; }
.statusQueued { color:orange; }
.statusSubmitted { color:magenta; }
.statusDraft { color:magenta; }
.statusExpired { color:red; }
.statusCanceled { color:red; }
.statusRejected { color:red; }

.admin h1 { font-size:150% !important; }
h1 { font-size:150%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
h6 { font-size:90%; }

code,pre { color: #900; }

dd { margin-left:20px !important; }

/*-------------------------------------------------------*/

body.admin {  /* all control-panel screens */
    margin:0px;
    overflow:auto;
}
#ExSiteAdmin { 
    margin-left:200px; /* sidebar layout */
    height:100%; 
    overflow:hidden;
    background-color:#fff;
}
#ExSiteAdmin iframe {
    border:0px;
    height:100%;
    width:100%;
}
#control { /* sidebar */
    float:left;
    background-color:#eee;
    border-right:1px solid #ccc;
    color:#333;
    height:100%;
    width:200px;
}
#userinfo {
    font-size:80%;
}
#userinfo a {
    text-decoration:none;
}
#userinfo .caret {
    color: #337ab7;
}
#userinfo a {
    text-decoration:none;
}
#sysinfo .caret {
    color: #337ab7;
}
#sysinfo a {
    text-decoration:none;
    box-shadow:none;
}
.ctrlblock {
    border-bottom:1px solid #ccc;
    padding:10px;
}
.ctrlblock h1 {
    display:inline;
}
#appinfo {
    border-bottom:none;
    padding:0px;
}
#siteinfo {
    border-bottom:none;
    padding:0px;
}
.ctrlblock h1 {
    margin:0px;
}
.ctrlblock h2 {
    margin:0px;
    padding:5px;
    text-align:center;
    border-bottom:1px solid #333;
    background-color:#333;
}
.appTab {
    text-align:right;
    border-bottom:1px solid #ccc;
    padding:10px 20px 10px 10px;
    font-size:90%;
}
.appTab:hover {
    background-color:#ddd;
    cursor:pointer;
}
.thisApp {
    background-color:#337ab7;
    border-bottom:1px solid #999;
    color:white;
}
.thisApp:hover {
    background-color:#337ab7;
    color:white;
}
.appClose {
  color:grey;
  float:left;
  position:relative;
  top:1px;
}
.thisApp .appClose {
  color:white;
}
.appClose:hover {
  color:red;
  cursor:pointer;
}

/* */
#app_new {
    display:flex;
    height:100%;
    flex-direction:column;
    flex-wrap:wrap;
    overflow-x:auto;
}
div.webtop {

}
div.CPpane {
    width:100%;
}
iframe.CPframe {
    width:100%;
}
div.LoginForm {
        padding:40px;
	text-align:center;
}
div.LoginForm table {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
div.LoginForm input[type="checkbox"] {
    margin: 5px;
}

.appframe {
  height:100%;
  width:100%;
  border:0px;
}
.app {
  height:100%;
  width:100%;
}

.appLaunchCategory {
  width:300px;
  padding:35px 25px 25px 50px;
  float:left;
}
.appLaunchCategory h2 {
  font-size:14pt;
  font-weight:normal;
  color:#006;
  border-bottom:1px dotted #006;
  padding-bottom:5px;
  margin-bottom:10px;
  margin-top:0px;
}
.appLaunchCategory .fa-lg {
    font-size:1.8em !important;
}
.appLaunchApp a {
  display:block;
  padding:5px;
  font-size:12pt;
  text-decoration:none;
  border-radius:5px;
}
.appLaunchApp a:hover {
    background:#ddd;
    text-decoration:none;
}
.appLaunchApp img {
    margin-right:7px;
    height:32px;
    width:32px;
    position:relative;
}

/*------- control panels -------*/
div.ctrlpanel  { 
    z-index:1;
    padding:0px 20px;
}
div.ctrlpanel h1,div.ctrlpanel h2,div.ctrlpanel h3,div.ctrlpanel h4 {
    font-weight:bold;
}

body.simple_page {
    background-color:#eeeeee;
    padding:50px 100px;
}
body.simple_page div.body {
    background-color:white;
    border:1px solid #ccc;
    padding: 20px 40px;
    font-size:130%;
    border-radius: 10px;
}
body.simple_page p.error {
    padding:20px 40px 20px 80px;
    background-image: url(caution.png);
    background-repeat: no-repeat;
    background-position: 30px;
}

div.LoginForm {
    text-align:center;
}
div.LoginForm table {
    margin-left: auto;
    margin-right: auto;
}
table.LoginForm td {
    text-align:left;
}
div.section_selector {
  margin-top:5px;
  margin-bottom:5px;
}

/*-----  Wizards -----*/

div.wizardPath {
    background:#eee;
    border-radius:5px;
    padding:10px 20px;
    font-size:120%;
    color:grey;
}
div.wizardPath span.currentStep {
    display:inline-block;
    border-radius:5px;
    padding:5px 10px 5px 10px;
    background-color:#337ab7;
    font-weight:bold;
/*    color:#c00;*/
    color:white;
}

/* help */

section.helpPage h1 { font-size:200%; }
section.helpPage h2 { font-size:150%; border-bottom: 1px solid #aaa; }
section.helpPage h3 { font-size:130%; border-bottom: 1px dotted #aaa; }
section.helpPage h4 { font-size:110%; border-bottom: 1px dotted #aaa; }
section.helpPage blockquote {
    background-color:white;
    font-size:110%;
    color:#600;
}

/*-----  Content styles  -----*/

.Attachments {
    border-top:1px dotted grey;
    margin:5px 0px 10px 0px;
}
.Attachment {
    border-bottom:1px dotted grey;
    padding: 5px 0px 5px 0px;
}
.Attachment a {
    margin-right: 10px;
}
.Attachment a img {
    margin-right: 10px;
}
.attachmentDescription {
    margin-right: 20px;
    color:grey;
    font-style:italic;
}
blockqoute {
    background-color:white;
    color:#006;
    font-size:14pt;
}


/* compact webtob view for laptops and smaller */

@media only screen and (max-width : 1400px) {
.appLaunchApp a {
  padding:3px;
  font-size:10pt !important;
  border-radius:3px;
}
.appLaunchApp img {
    margin-right:5px;
    height:16px;
    width:16px;
}
.appLaunchCategory {
  width:220px;
  padding:20px 15px 15px 20px;
}
.appLaunchCategory h2 {
  font-size:12pt;
  padding-bottom:5px;
  margin-bottom:5px;
}
#control {
    width:150px;
}
#ExSiteAdmin {
    margin-left:150px;
}

}

/* reduced margins for tablets */

@media only screen and (max-width : 799px) {
body.simple_page {
    padding:20px;
}
.appLaunchCategory {
  width:200px;
  padding:15px 10px 10px 15px;
}
.appLaunchCategory h2 {
  font-size:11pt;
}
#control {
    width:120px;
}
#ExSiteAdmin {
    margin-left:120px;
}

}