/* Fields and Forms */

.editmode .publish .fieldcaptiontd, .fieldcaptiontd { vertical-align: top; padding:2px 5px 0px 0px; border-width: 0px; }
.editmode .publish td.fieldrequiredtd, .fieldrequiredtd { vertical-align: top; padding:3px 0px 0px 5px; border-width: 0px; }
.formtable { width:100%; }
.editmode .publish .fieldinputtd, .fieldinputtd { width:100%; vertical-align: top; border-width:0px; }
.fieldinputtext, .fieldselectdropdown, .fieldinputdate, .fieldinputnumber, .fieldradiobuttons {
  font-style: normal; 
  font-size: 11px; 
  font-family: Tahoma, Verdana, Arial, sans-serif; 
  width: 100%;
  box-sizing: border-box;
}

.fieldinputtext, .fieldselectdropdown, .fieldinputdate, .fieldinputnumber {
  border:  #224D64  solid 1px; /* VerMenuFGColor */
  color:  #224D64  ; /* VerMenuFGColor */
  background-color:  #FFFFFF  ; /* VerMenuButtonColor */
}

.fieldinputtext, .fieldselectdropdown, .fieldradiobuttons {
  width: 100%;
}

.fieldinputdate:not(.nocalendar) {
  padding-left:20px;
  background-image: url('/img/calendaricon/224D64.gif');
  background-repeat: no-repeat;
  background-position: 2px 50%;
  width: 85px;
}
.fieldinputdate.nocalendar {
  width: 65px;
}
.fieldinputdate.nocalendar.fieldinputdatetime {
  width: 100px;
}
.fieldinputdate.fieldinputdatetime {
  width: 120px;
}
.fieldinputnumber {
  width: 40px;
  text-align: right;
}

.fieldcalendartable {
  display: inline;
}
.fieldcalendartable td {
  border:  #122D3A  1px solid;
  width: 12px;
  height: 12px;
}

/* Field Calendar */
.fieldcalendarbuttontd {
  padding-left: 5px;
}
.fieldcalendarbutton {
}
.fieldcalendarbutton img {
  background-color:  #224D64;
  background-image: url('/img/calendaricon/FFFFFF.gif');
  width:15px;
  height:13px;
}

div.fieldcalendarcontainer {
  position:absolute;
  border:  #224D64  1px solid;
  background-color:  #FFFFFF;
}
div.fieldcalendarcontainer svg {
  width:10px;
  height:14px;
  display:block;
}
div.fieldcalendarcontainer svg>polygon {
  fill:#224D64;
}
div.fieldcalendarcontainer svg:hover>polygon {
  fill:#8fa5b0; 
}
a.fieldcalendarprev, a.fieldcalendarnext, a.fieldcalendarprev:active, a.fieldcalendarnext:active, div.fieldcalendarmonthcaption, div.fieldcalendaryearcaption, div.fieldcalendarweekdaycaption {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color:  #FFFFFF;
  color:  #224D64;
  font-style: normal; 
  font-size: 10px; 
  display:block;
  float:left;
  text-align: center;
  text-decoration:none;
  padding: 2px 0px 2px 0px;
  height: 20px;
}
a.fieldcalendarprev, a.fieldcalendarprev:active {
  padding: 0px 0px 0px 3px;
  height: auto;
}
a.fieldcalendarnext, a.fieldcalendarnext:active {
  padding: 0px 3px 0px 0px;
  height: auto;
  float: right;
}
div.fieldcalendarmonthcaption {
  width:60px;
}
div.fieldcalendaryearcaption {
  width:80px;
}
div.fieldcalendarweekdaycaption {
  padding: 0px 0px 0px 0px;
}
div.fieldcalendarweekdaycaption {
  width: 20px;
}

a.fieldcalendarday , a.fieldcalendarday:active, a.fieldcalendarday:visited, div.fieldcalendarpadding {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color:  #FFFFFF;
  color:  #224D64;
  font-size: 10px; 
  display:block;
  float:left;
  text-align: center;
  text-decoration:none;
  border:  #FFFFFF  1px solid;
  cursor: hand;
}

a.fieldcalendarday span, a.fieldcalendarday:active span, a.fieldcalendarday:visited span {
  color:  #224D64;
  font-size: 10px; 
  text-decoration:none;
  width: 18px;
  height: 14px;
  display:block;
  padding: 2px 0px 2px 0px;
  vertical-align: center;
}

a.fieldcalendarday:hover, a.fieldcalendarday:hover:visited {
  background-color:  #224D64;
  color:  #FFFFFF;
}
a.fieldcalendarday:hover span, a.fieldcalendarday:hover:visited span{
  color:  #FFFFFF;
}

table.fieldcalendar a.fieldcalendartoday {
  border:  #224D64  1px solid;
}

table.fieldcalendar a.fieldcalendarselectedday span {
  background-color:  #224D64;
  color:  #FFFFFF;
}
.fieldtimedisplay {
  width: 100%;
}
.fieldtimedisplay>tbody>tr:first-child>td:nth-child(1){
  text-align: right;
}
.fieldtimedisplay>tbody>tr:first-child>td:nth-child(2){
  width:16px;
  text-align: right;
}
.fieldtimedisplay>tbody>tr:first-child>td:nth-child(3){
  width:8px;
  text-align: center;
}
.fieldtimedisplay>tbody>tr:first-child>td:nth-child(4) {
  width:16px;
  text-align: left;
}
.fieldtimedisplay>tbody>tr:first-child>td:nth-child(5){
  text-align: left;
}
.fieldtimedisplay>tbody>tr:nth-child(2)>td:nth-child(1){
  text-align: right;
  vertical-align: text-top;
}
.fieldtimedisplay>tbody>tr:nth-child(2)>td:nth-child(2){
  text-align: left;
  vertical-align: text-top;
}
table.fieldtimedisplay {
  padding-bottom: 4px;
}
table.fieldtimedisplay td {
  line-height: 11px;
}
a.fieldcalendartimebut, a.fieldcalendartimebut:active, td.fielddigits {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  background-color:  #FFFFFF;
  color:  #224D64;
  font-style: normal; 
  font-size: 10px; 
  text-align: center;
  text-decoration:none;
  line-height: 11px;
}
a.fieldcalendartimebut, a.fieldcalendartimebut:active {
  display:inline-block;
  padding: 0px 3px;
}

/* Field CheckBox */

.fieldboolcheckboxtd {
  vertical-align: top;
}
.fieldboolcheckboxtd input {
  width:13px;
  margin-left:0px;
}
.fieldboolcaptiontd {
  vertical-align: top;
  padding-left: 5px;
  padding-top: 3px;
}

/* Field Buttons */

.editmode .fieldbuttonstd { padding:0px 0px 0px 0px; }


.editmode .publish .fieldbuttonstd, .fieldbuttonstd { vertical-align: top; padding:0px 0px 0px 0px; text-align: right; line-height:16px; border-width: 0px; }

.fielderrortd { vertical-align: top; padding:5px 0px 0px 5px; text-align: right; font-weight: bold; }

.fieldbuttonsdiv { float: right; padding-left: 5px; }
.fieldbuttonsdiv>div>div.grecaptcha-badge { display: none; }

.editmode .fieldmessagetd { padding: 10px; border: 1px #000000 solid; }
.editmode .publish .fieldmessagetd { padding: 0px; border-width: 0px; }

.fielderrordiv { margin-bottom: 10px; font-weight: bold; }

.fieldmessagediv { margin-bottom: 10px; font-weight: bold; border:  #122D3A  1px solid; padding:5px; }

/* Field Body */
.fieldtextarea {
  border:  #224D64  solid 1px; /* VerMenuFGColor */
  color:  #224D64  ; /* VerMenuFGColor */
  font-style: normal; 
  font-size: 11px; 
  font-family: Tahoma, Verdana, Arial, sans-serif; 
  background-color:  #FFFFFF  ;/* VerMenuButtonColor */
  overflow: auto;
  width: 100%;
  height: 45px;
  box-sizing: border-box;
}

/* Field Disabled */

.fielddisabled { pointer-events: none; }
 
.fielddisabled .fieldcaptiontd, .fielddisabled .fieldrequiredtd, .fielddisabled .fieldboolcaptiontd { color:  #87959b; } /* ContentFGColorDisabled */

.fielddisabled .fieldinputtext, 
.fielddisabled .fieldinputdate, 
.fielddisabled .fieldinputnumber,
.fielddisabled .fieldselectdropdown {
  border-color:  #8fa5b0; /* VerMenuFGColorDisabled */
  color:  #8fa5b0; /* VerMenuFGColorDisabled */
  background-color:  #fefefe; /* VerMenuButtonColorDisabled */
}

.fielddisabled .fieldradiobuttons {
  color:  #87959b; /* VerMenuFGColorDisabled */
}

.res .hor .fieldrequiredtd { display:none; } 
.res .req  .fieldinputtext, .res .req  .fieldselectdropdown, .res .req  .fieldtextarea, .res .req  .fieldradiobuttons { width:96%; }
.res .req  .fieldinputtd:after { content: "*"; float: right; display:block; }
/* clearfix effect on filedbuttonstd */
.fieldbuttonstd:before,
.fieldbuttonstd:after { content: " "; display: table; }
.fieldbuttonstd:after { clear: both; }
.fieldbuttonstd { *zoom: 1; }
.fieldbuttonstd { padding-right: 4%; }
@media all and (min-width: 30em) {
  .res .hor .fieldrequiredtd { display:table-cell; } 
  .res .req  .fieldinputtext, .res .req  .fieldselectdropdown, .res .req  .fieldtextarea, .res .req .fieldradiobuttons { width:100%; }
  .res .req  .fieldinputtd:after { content: none; }
  .fieldbuttonstd { padding-right: 0px; }
}


/* Blob */

.fieldbloblink { }
.fieldblobiframe { height: 16px; width: 100%; border: 0px solid green; margin: 0px; padding:0px; }

.editmode>tbody>tr>td>.zonewrapper>.formtable>tbody>tr>td.fieldinputhidden,
.editmode>tbody>tr>td>.formtable>tbody>tr>td.fieldinputhidden
{ height: 20px; }

/* ComboBox */

.gms_combo, .gms_options {
  width:100%;
}
.gms_combo {
  display: inline-block;
  box-sizing:border-box;
  border:1px solid  #d3dbe8;
  border-radius:4px;
  font-family: Arial;
  font-size: 14px;
  position:relative;
  padding-right:30px;
}

div.gms_combo:after {
  content: '\f0d7';
  font-family: FontAwesome;
   position:absolute; 
  top:9px;
  right:14px;
  color:#a4b5c4;
  
  
}

.gms_combo.gms_open {
  border-radius: 4px 4px 0px 0px;
}

.gms_cmb_spacer, .gms_combo>.gms_selected, .gms_cmb_spacer>div>input, .gms_options>div, .gms_placeholder  {
  font-family: Arial;
  font-size: 14px;
  padding:8px;
  box-sizing: border-box;
  color:#224D64;
  line-height:1.5em;
}
.gms_placeholder {
  color:#d3dbe8;
}
.gms_combo>.gms_selected+.gms_placeholder, .gms_combo.gms_open>.gms_placeholder { display: none; }
.gms_cmb_spacer, .gms_combo>.gms_selected, .gms_placeholder {
  display: inline-block;
  position: relative;
  margin:2px;  
}
.gms_cmb_spacer {
  white-space:nowrap;
}
.gms_combo>.gms_selected {
  background-color:#ECF0FB;
  border:1px solid  #d3dbe8;
  border-radius: 2px;
  padding:7px;
  cursor:pointer;
}
.gms_combo>.gms_selected:hover {
  background-color:  #dbe2ee;
}
.gms_combo>.gms_selected:after {
  content: '  \f00d';
  font-family: FontAwesome;
}
.gms_combo>.gms_selected.gms_disabled {
  color:  #d3dbe8;
  border-color:  #d3dbe8;
}
.gms_combo>.gms_selected.gms_disabled:after {
  content: '';
}
.gms_cmb_spacer>div {
  position:absolute;
  right: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
}
.gms_cmb_spacer>div>input {
  border:0px solid transparent;
  width:100%;
  outline: none;
}
.gms_combo>.gms_options {
  display:none;
  overflow-y:scroll;
  height:140px;
  box-sizing: border-box;
  position:absolute;
  top:100%;
  left: -1px;
  width:auto;
  right: -1px;
  background-color:#ECF0FB;
  border-color:  #d3dbe8;
  border-style: solid;
  border-radius: 0px 0px 4px 4px;
  border-width: 1px;
  z-Index: 1;
}
.gms_combo.gms_open>.gms_options {
  display:block;
}
.gms_nomatch, .gms_options>.gms_selected { display: none; }
.gms_highlight {
  color:  #a4b5c4;
  background-color:#d3dbe8;
}
div.gms_disabled {
  color:  #d3dbe8;
  pointer-events: none;
}
.gms_options>div:hover {
  background-color:#d3dbe8;
  cursor:pointer;
}
.gms_combo+.fieldselectdropdown.fieldmultiplechoice { display:none;}