// TUTO.CSS
// Custom Cascading Style Sheet for FoxInCloud Web Application Site (you can override here)
// C:\PROGRAM FILES (X86)\ABAQUE\FICSAMPLES\FICTUTO\SITE\BS\TUTO.CSS (included in c:\program files (x86)\abaque\ficsamples\fictuto\fictutobs.exe)
// (248 lines before localization)
// ========================================================================================================================

/****************************************************************
This your application's style sheet.
By default, [see awServer.prg!awProcess::cawCSSinc()], FoxInCloud loads this styleSheet after
 javascript components' CSS, and default CSS generated from your application's classes
 and forms: [awDefault.css]
You may add any CSS directives to override styles inherited from you VFP application's
 visual objects.
/!\ This file is UTF-8 encoded; use a text editor that supports UTF-8 such as:
Sublime Text, NotePad ++ or PSpad        
*****************************************************************/

/* -- page -- */
body:not(.bootstrap) p {font:10px verdana, sans-serif; margin-bottom: .5em}
a {text-decoration:none;}
iframe {
  border: 1px solid lightgrey;
}
body:not(.bootstrap) :focus {outline: 2px auto lightgrey;}

#awPage-container {
  width:800px;
  overflow:visible;
  margin:auto;
}
div.awForm-container {
  display:inline-block; /* positions blocks side by side */
  vertical-align: top;
}

/* menu in left vertical bar */
#awPage-container {
  margin: 0; /* overrides FoxInCloud.css to position @ top left of the window */
  width: auto;
  white-space: nowrap; /* for display:inline-block; below - 'nowrap' suppresses all line breaks in the element, except where it contains <br>s or <wbr>s. */
}
body:not(.bootstrap) nav#awMenu { /* menu bar */
  display:inline-block; /* positions blocks side by side */
  margin-top: 0; /* overrides FoxInCloud.css */
  height: auto;
  width: 170px; /* move forms left-right */
}
body:not(.bootstrap) nav#awMenu ul.menubar.ui-menu {
  width: 100%; /* same as nav#awMenu */
  padding: 1em 0; /* change to move menu up-down */
  border: none; /* override jQueryUI theme */
  border-radius: 0; /* override jQueryUI theme */
}
body:not(.bootstrap) nav#awMenu .menubar.ui-menu li.pad { /* menu pads */
  display: block; /* stacks menu pads */
  margin-top: .5em; /* spaces menu pads */
  border: none; /* override jQueryUI theme */
  padding: 0 .5em;
}

/* -- awDefaultAll.css override -- */
.awtxt, .awebx, .awcbo, .awlst, .awspn, .awopg, .awcmg {
  border-color: hsl(0, 0%, 70%);
}
body:not(.bootstrap) *[class*=aw] select{
  border-color: hsl(0, 0%, 70%)!important;
}
.awcmd {
  border-style: solid;
  border-color: hsl(0,0%,80%);
  border-radius: 4px;
}
.awcmd[disabled] {
  border-width: 1px;
}
.awcmd:not([disabled]):hover {
  cursor: pointer!important;
  background-color: hsl(0,0%,80%);
  color: hsl(0,0%,100%);
}
.awcmdok{
  background-color: hsl(110,50%,85%);
}

.ficebxsrcecode:not(:empty){
  cursor:help;
}

/* -- aw.css override -- */
.aw-all .aw-alternate-odd  {background-color: #F0FFFF;}
.aw-all .aw-alternate-even {background-color: #FFFFFF;}
.aw-all .aw-grid-row  {border-bottom: 1px solid lightblue;}
.aw-all .aw-grid-cell {border-right: 1px solid lightblue;}
.aw-strict .aw-grid-row {padding-bottom: 3px; } /* sizing adjustment for standards mode doctype - leave 4px total!*/ 

/* -- Window.css override -- */
div.dialog_content {
  background-color: white;
  color: black;
  font-size: 10pt;
}

div.sourceCode p {
  margin: 0.5em 1em;
}
pre.awVFPcode, pre.awVFPcode.ui-dialog-content {
  box-sizing: border-box;
  padding: 0.5em 1em; /* padding */
  min-height: 100%;
  text-align: left;
  font-size: 10pt;
}
body.bootstrap pre.awVFPcode { /* 2017-03-31 */
  max-height: 300px;
}

body.bootstrap #modal-srceCodeWindow pre.awVFPcode {
  max-height: 800px;
}

/* -- jQueryUI.css override -- */
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.5;
}

/* .form * {position:static!important; width:auto!important; height:auto!important;} test */

.grid.disabled .aw-grid-cell {opacity: .5; }

.ficimgsrce{
  text-align: center;
  color: #7c89b1;
}

body:not[.bootstrap] hr {
  border-color: rgb(220,220,220);
}

body.bootstrap .index_scx-cntsupport, body.bootstrap .index_scx-cntadapt {
    text-align: center;
    padding:  0 10px;
}
body.bootstrap .index_scx-cntsupport button, body.bootstrap .index_scx-cntadapt button:not(.awBS-IGmember)  {
    width: 100%;
}
body.bootstrap .tab-content { /* 2017-08-02 pageframe */
  border-bottom: 1px solid rgb(221, 221, 221);
}
body.bootstrap .modal_scx-cntorig, body.bootstrap .modal_scx-cntadap {
  text-align: center;
}
.signature_scx.bootstrap .form-group.awBSgrp-cmdclear {
  text-align: center;
}
body.bootstrap .col-cntok {
  text-align: center;
}
body.bootstrap .index_scx-imghelp {
  margin-top: 20px;
}
@media screen and (max-width: 1199px) {
  body.bootstrap .col-cntok .form-group {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
  }
  body.bootstrap .col-cntok .index_scx-cntok-opgstyle {
    display: inline-table;
  }
}

.treeview_scx div.treeview {
  height: 300px;
}
div.treeview {
  overflow: auto;
  border: 1px solid #ddd;
}
div.treeview ul li:first-of-type {
  border-top-color: #fff;
}

#disqus_thread { /* 2017-10-04 thn */
  opacity:.5;
}
#disqus_thread:hover {
  opacity:1;
}
.awForm-bottom {
  padding:0 15px;
}

.eventclient_scx.bootstrap .treeview_scx-cntadd-opgwhere div.radio {
  display: inline-block;
  width: 70px;
  margin-top: 0;
}

body.bootstrap .dropdown-menu > li.popup.bar > div {
  text-decoration: underline;
}

body.bootstrap .ficImgSrce{
  padding: 2px;
  border-radius: 15px;
}
body.bootstrap .ficImgSrce:hover{
  background-color: #eee;
}

.eventclient_scx.bootstrap h3.lblTitle {
  margin-bottom: 2em;
}

.eventclient_scx.bootstrap .row-cmdcss2 .col {
  text-align: center; 
}

.eventclient_scx button:not([disabled]).cmd_Hover { /* 2018-06-01 thn -- {FiC V 2.27.0-beta.3} added */
  font-weight: bold;
  color: white;
  background-color: black;
}

.eventclient_scx button:not([disabled]).cmd_Hover2:hover { /* 2018-06-05 thn -- {FiC V 2.27.0-beta.3} added */
  font-weight: bold;
  color: white;
  background-color: black;
}

.col.col-cmdcancelaction button {
  width:100%;
}

body.bootstrap div.cntOK {
  padding: 2px;
}
body.bootstrap div.cntLstGrc {
  overflow: visible;
}