/* - ArcheWebinarII.css - */
/*  */
/*  */

.group_template form { clear: both; padding-bottom: 12px; padding-top: 10px; }
.group_template p,
.group_template div { font-size:14px; line-height: 1.3em;}


.group_template { line-height:125%; background-color: #fafafa; padding: 0 10px; }
.xxxgroup_template h2 { background:#003a48; color:#fff; font-size:115%; line-height:125%; font-weight:normal; text-align:center; display:block; margin:24px 0 12px; padding:8px 3%; }
.group_template h3 { color:#333; font-family: "Roboto",Verdana,arial; text-decoration:underline; margin:24px 0 8px; padding:0 0 10px; font-size: 22px; }
.group_template h1.groupRegistration { margin-bottom: 17px; }

.group_template h1,
.group_template h2 { margin-left: -8px; margin-right:-8px; }
.group_template h2.subHeading,
.group_template h3.subHeading  { margin-top: 30px; }
.group_template p.instructions { font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.group_template .pageDesc { font-size: 18px; }
.sref .group_template h2.subHeading { background: none #365C1F; }
.nrcs .group_template h2.subHeading { background: none #134671; }
.ibss .group_template h2.subHeading { background: none #026D71; }
.chub .group_template h2.subHeading { background: none #026D71; }
.sref .group_template h3.subHeading { background: none #365C1F; }
.nrcs .group_template h3.subHeading { background: none #134671; }
.ibss .group_template h3.subHeading { background: none #026D71; }
.chub .group_template h3.subHeading { background: none #026D71; }

.group_template .eventStatus { margin:-51px 10px 0 0; float:right; clear:both; background-color:#f3f3f3; padding: 4px 12px; border-radius:3px; }
.group_template .webinarDetails { clear:both;  padding-top: 1px; }
.group_template .webinarDetails .webinarTitle { line-height: 1.2em; font-size:18px; font-family: "Oswald","Open Sans",Verdana, arial; margin:12px 0 14px 0; }
.group_template .webinarDetails .webinarTitle a { color: #555; }
.group_template .webLabel {  margin-top: 30px; border-top: 1px solid grey; padding-top: 20px; }
.group_template .webinarDetails > div { margin:0 0 4px; }
.group_template .webinarDetails a { font-weight:bold; }
.group_template .mainDesc { font-size:24px; margin-top: 30px; font-weight:bold; font-family:"Roboto",Verdana,arial; }
 
.group_template form .field { width:90%; display:flex; flex-direction:row; align-items:center; justify-content:flex-end; margin:0 auto 12px; }
.group_template form .field .formQuestion { white-space:nowrap; }
.group_template form .field .fieldRequired { align-self:flex-start; }
.group_template form .field input[type="text"] { width:66%; margin-left:4px; } 
.group_template form .field select { width:100%; margin-left:0px; } 
.group_template form .field .selectWrapper { width: 67%; margin-left: 4px; }

.group_template form .field #regStateSelect select { width:100%; margin-left:0px; }
.group_template form .field #regStateSelect.selectWrapper { width: 21%; margin-left: 4px; }

.group_template form .formControls { margin-top: 55px; margin-left:0%; margin-right: 0%; border-top: 1px solid #999; padding-bottom: 0; padding-top: 15px; height: 30px; }
.xxxgroup_template form .formControls { width:90%; display:flex; flex-direction:row-reverse; align-items:center; justify-content:flex-start; margin:0 auto 12px; }
.xxxgroup_template form .formControls input[type="submit"] { background:#1a777b; border:none; color:#fff; }
.xxxgroup_template form .formControls input[type="submit"].disabled { background:599e99; pointer-events:none; }

.template-groupViewingDashboard form .formControls { border-top: 1px dashed #999; }

.group_template form .field#groupTargetWebinar select { color:grey; width:100%; font-weight:normal; line-height:200%; height: 28px; background-color: #f1f1f1; padding-bottom: 4px; border: 1px solid grey; }

.group_template form .ceus .field input[type="text"],
.group_template form .ceus .field select { width:20%; } 


.group_template dl.attendees { width:90%; margin:0 auto 12px; }
.group_template dl.attendees dt { display:block; }
.group_template dl.attendees dt button.delete { font-family:"Oswald","Open Sans",Verdana,arial; color: red; font-size:16px; background:none transparent; border:none; font-weight:bold; text-decoration:none; text-transform:none; display:inline; margin:0; padding:0; }
.group_template dl.attendees dt button.edit { font-family:"Oswald","Open Sans",Verdana,arial; color: #555; font-size:16px; background:none transparent; border:none; border-bottom: 1px dashed transparent; font-weight:bold; text-decoration:none; text-transform:none; display:inline; margin:14px 0 4px; padding:0; }
.group_template dl.attendees dt button.edit:hover { background: none transparent; border-bottom: 1px dashed grey; }
.group_template dl.attendees dd { display:inline; margin:0 0 0 5%; border-bottom: none; text-decoration: none; }
.group_template dl.attendees dd a,
.group_template dl.attendees dd a:hover { border-bottom: none; text-decoration: none; }

.group_template .webinarCredits dt { margin-left: 20px; font-weight: normal; }

.group_template .attendees button,
.group_template .attendees .noEmail,
.group_template .attendees a { background: none; border: none; color: #444; border-bottom: 1px dashed transparent; padding: 0; margin:0 0 0 20px; font-weight: normal; }
.group_template .attendees button:hover,
.group_template .attendees a:hover { border-bottom: 1px dashed grey; background: none; font-weight: normal; }
.group_template .attendees button.editAttendee:hover { border-bottom: none !important; font-weight: bold; transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }

.group_template .attendees button.delete { text-align: center; width: 18px; }
.group_template .attendees button.delete:hover { color: red; }
.group_template .attendees button.edit { text-align: left; width: 250px; text-transform:uppercase; }

.group_template .attendees ul.horizontal { list-style-type: none;  }
.group_template .attendees ul.horizontal li { display:inline-block; min-width: 80px; }
.group_template .attendees ul.horizontal li.col1 { width: 80px; }
.group_template .attendees ul.horizontal li.col2 { min-width: 100px; }
.group_template .attendees ul.horizontal li.col3 { min-width: 120px; }
.group_template .attendees ul.horizontal li.col4 {  }

.groupEvent_footer { clear: both; }
.groupEvent_footer hr { margin:24px 0 12px; }
.groupEvent_footer h2 { background:transparent; color:#45783d; font-size:125%; line-height:125%; font-weight:bold; text-align:left; margin:0 0 8px; padding:0; }
.groupEvent_footer { border: 1px solid grey; padding: 14px 20px; background-color: #f2f2f2; margin-top: 40px; }

@-webkit-keyframes rotate { 
  from { transform:rotate(0deg); }
  to { transform:rotate(359deg); }
}
@keyframes rotate {
  from { transform:rotate(0deg); }
  to { transform:rotate(359deg); }
}

#page-transition { width:100%; height:100%; margin:0; display:flex !important; flex-direction:column; align-items:center; justify-content:center; 
                   position:fixed; top:0; right:0; bottom:0; left:0; z-index:10000; opacity:0; pointer-events:none; 
                   transition:all 0.2s ease; -webkit-transition:all 0.2s ease; }
#page-transition::before { content:''; background:#fff; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0.6; }
#page-transition .animationWrapper { min-width: 160px; height: auto; background-color: #c0c0c0; text-align: center; padding: 12px 14px; border-radius: 4px; 
                                     opacity: 1; box-shadow: 0px 0px 4px 2px #555; background-image:radial-gradient(circle, #c0c0c0, white, #c0c0c0); background-position:0px -13px;}
#page-transition .animationWrapper > img { width:60px; height:auto; -webkit-animation:rotate 2s infinite linear; animation:rotate 2s infinite linear; }
#page-transition .animationWrapper > strong { font-size:180%; text-shadow:0 0 48px #fff; line-height:133%; display:block; margin:4px auto 0; position:relative; }
#page-transition .animationWrapper > strong::after { content:'...'; }
#page-transition.active { opacity:1; pointer-events:auto; }

.template-groupRegistrationForm .subHeadingDesc { font-size: 112%; margin-bottom: 20px; font-family:"Roboto",Verdana,arial; }
.template-groupRegistrationForm .formControls { padding: 15px 0px; margin: 50px 0 0 0; min-height: 30px; border-top: 1px solid grey; }
.template-groupRegistrationForm form.mainForm,
.template-groupEventSecurityForm form.mainForm { background-color: #fafafa; padding: 0 10px;  }

#dashboardWrapper { padding: 0 10px; }

.template-addBatchAttendeesForm table,
.template-addBatchAttendeesForm table select,
.template-addBatchAttendeesForm table th,
.template-addBatchAttendeesForm table td input { font-size: 10px; }

.template-groupViewingDashboard .groupErrorBlock,
.template-groupViewingDashboard .groupSuccessBlock {border: 1px solid gray; background-color:#89AF4D; padding: 10px; border-radius: 16px;margin-bottom: 22px; }
.template-groupViewingDashboard .groupErrorBlock { background-color: orange; }
.template-groupViewingDashboard .groupErrorBlock p,
.template-groupViewingDashboard .groupSuccessBlock p {font-size: 16px; color: black; }

.template-groupViewingDashboard input.joinLive { background-color: #F16E25; border-color:#F16E25;  }
.template-groupViewingDashboard input.joinLive:hover { background-color:#ED9E46;border-color:#F16E25; } 

.template-groupViewingDashboard input.submitCert { background-color: #578F6C; border-color:#578F6C;  }
.template-groupViewingDashboard input.submitCert:hover { background-color:#83A081; border-color:#578F6C; }


/* <-- cookie policy footer --> */
#cookie-policy {background: #003B5C; bottom: 0; margin: 0 auto; padding: 48px; position: fixed; width: 95%; z-index: 9999; opacity: 0.8;}
.cookie { margin: 0 auto; max-width: 980px; }
.cookie__copy { width: 85%;color: #FFFFFF; display: inline-block; font-size: 120%; }

.cookie__btn--accept { background-color: #003B5C; color: white; font-size: 120%; border: 2px solid #FFFFFF; padding: 12px 16px; 
  font-weight: normal; top: 64px; right: 10px; float: right; cursor: pointer; margin-left:15px; margin-right:22px; }
button.cookie__btn--accept, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }
a.cookie__link:link { color: white !important; }


/*  */