@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
  font-family: 'MyConferencesuite_Alliance';
  src: url("../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj");
  src: url("../../../../css/webfonts/MyConferencesuite_Alliance.eot?z1yefj#iefix") format("embedded-opentype"), url("../../../../css/webfonts/MyConferencesuite_Alliance.ttf?z1yefj") format("truetype"), url("../../../../css/webfonts/MyConferencesuite_Alliance.woff?z1yefj") format("woff"), url("../../../../css/webfonts/MyConferencesuite_Alliance.svg?z1yefj#MyConferencesuite_Alliance") format("svg");
  font-weight: normal;
  font-style: normal;
}
html,
body{
  font-family: "Open Sans", serif;
  font-size: 1.1rem;
  color:#333333;
  background:#ffffff;
}
em{
	font-style:italic !important;	
}
.alert.alert-success{
  display:none;
}
a,
a:active,
a:visited {
    color: #455A64;
    text-decoration: none;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
}
a:hover,
a:focus {
    color: #546E7A;
    text-decoration: underline;
}
h2{
  font-size: 30px;
  font-family: "Roboto", serif;
  color: #084f41;
  border-bottom: 1px solid rgba(00, 00, 00, 0.2);
  padding-bottom: 5px;
}
h3{
  color:#084f41;
}
p {
    margin: 15px 0px;
}
span.de_required {
    color: #c0392b;
}
.small,
small {
    font-size: inherit !important;
}
.offscreen {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#button {
    text-align: right;
}
fieldset ul,
.alert ul,
fieldset ol,
.alert ol {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
fieldset ul li,
.alert ul li,
fieldset ol li,
.alert ol li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    line-height: inherit;
    margin-left: inherit;
}
ul,
ol {
    list-style: inherit;
    padding: inherit;
    margin: inherit;
    margin-left: 2%;
}
ul li,
ol li {
    padding: inherit;
    list-style: inherit;
    margin: inherit;
    line-height: 170%;
}
ul,
ul li {
    list-style: disc;
}
ol,
ol li {
    list-style: decimal;
}

/*****************************************
General Alerts
*****************************************/
.alert ul,
.alert ol {
    list-style: inherit;
    margin-left: 15px;
    margin-bottom: 15px;
}
.alert ul li,
.alert ol li {
    list-style: inherit;
    line-height: 26px;
}
div.alert {
    margin-top: 20px;
}
div.alert strong:before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    font-size: 20px;
    border: 1px solid #a94442;
    border-radius: 50px;
    padding: 7px;
    background: #ffffff;
    text-align: center;
    line-height: 19px;
}
div.alert-danger strong:before {
    content: "\f071";
}
div.alert-info strong:before {
    content: "\f00c";
}
#content-middle div.alert-success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

/******************************
Header
******************************/
#header {
    height: auto;
    background: #ffffff;
    border-bottom: none;
    top: 0px;
    width: 100%;
    z-index: 2;
}
#header div.container {
    position: relative;
    width:80% !important;
}
#header div.header-logo img {
    height: 151px;
}
div.event-title {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 27px;
    width: 53%;
    text-align: right;
    display:none;
}
div.event-title h1 {
    margin: 0px;
    font-size: 32px;
    line-height: 36px;
    color: #2371a4;
    text-transform: uppercase;
    font-weight: 600;
}
div.header-logo {
  width: 100%;
  float: none;
  padding-top: 3px;
  text-align: center;
}
div.header-logo img{
  width: 400px;
  height: auto !important;
  margin: 25px 0px;
}

/******************************
Navigation
******************************/
nav.navbar {
    width: 100%;
    right: 0px;
    min-height: 40px;
    bottom: 0px;
    position: absolute;
    margin-bottom: 0px;
    background: transparent;
    border-radius: 0px;
}
a.navbar-brand {
    display: none;
}
nav.navbar a {
    color: #ffffff;
}
.navbar-toggle {
    background: #ffffff;
    z-index: 2;
}
.navbar-toggle .icon-bar {
    color: #cccccc;
    background: #cccccc;
}
.nav>li>a {
    background-color: transparent;
    padding: 10px 15px !important;
}
.navbar-nav>li>a {
    font-size: inherit;
}
.nav>li>a:hover,
.nav>li>a:focus,
.nav>li.active>a {
    background-color: #78909C;
    outline: none;
}
.navbar-header {
    margin-top: 15px;
}
.container>.navbar-header,
.container-fluid>.navbar-header,
.container>.navbar-collapse,
.container-fluid>.navbar-collapse {
    padding: 0px;
}
.navbar-nav {
    width: 1140px;
    float: none;
    margin: 0px auto;
    background: transparent;
}
.navButton {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: inherit;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #333;
}
.navButton:hover,
.navButton:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
#menu {
  position: relative;
  top: 0px;
  width: 80%;
  z-index: 2;
  margin: 0 auto;
  background: #084f41;
  padding: 8px;
  border-radius: 8px;
}
#menu nav {
    position: relative;
}
#menu.menuTop {
    position: fixed;
    width: 100%;
    top: 0px;
}
/******************************
    Field / Input Styles
******************************/
div.field {
  height: 100%;
  overflow: hidden;
  clear: both;
  margin: 3px 0px;
  width: 97%;
}
div.field div.form-group label {
  float: left;
  font-weight: normal;
  line-height: 1.5rem;
  margin-right: 10px;
  padding-left: 0;
  width: 26%;
  font-size: 1.1rem !important;
}
div.field div.form-group div {
  float: right;
  width: 73%;
  margin-left: 0px;
}
div.field div.form-group {}

fieldset div.de_fieldset {
  padding-left: 2px;
}
div.field fieldset span.de_cols_1 {
  display: block;
  clear: both;
}
div.field fieldset span.de_cols_1 label {
  float: none;
}
input[type="checkbox"],
input[type="radio"] {
  float: left;
}
input.checkbox,
input.radio {
  display: none !important;
}
div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label {
  width: 90%;
  float: left;
}
fieldset {
  margin: 15px;
}
div.radio-horiz fieldset span.de_cols_1 {
  display: inline-block;
  clear: none;
  float: left;
}
select,
textarea {
  width: 100% !important;
  height: inherit;
}
.form-group {
  margin-bottom: 0px;
  height: 100%;
  overflow: hidden;
}
input[type="text"],
input[type="email"],
select,
textarea {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: inherit;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
input[type="text"]::-moz-placeholder,
input[type="email"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
    opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="email"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}
input[type="text"]::-webkit-input-placeholder,
input[type="email"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}
textarea {
    height: auto;
    width: 100%;
}
input[type="submit"] {
    color: #fff;
    background-color: #27ae60;
    border-color: #239854;
}
input[type="submit"]:hover {
    background-color: #2ecc71;
    border-color: #239854;
    color: #fff;
}
fieldset legend.left {
    float: left;
    width: 24%;
    display: inline-block;
    font-weight: normal;
    padding-left: 0%;
    font-size: 1.1rem;
}
div.field label span.de_fee {
    float: right !important;
    font-weight: bold;
}

/******************************
Layout Styles
******************************/
#content {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}
#content-left,
#content-right {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
#content-middle {
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}
#content-middle div.panel div.panel-heading {
    display: none;
}
#content-middle div.alert-success {
    background: transparent;
    border: none;
}
#content-middle .tab-content div.panel-default {
    background: transparent;
}
div.panel-default {
    border: none;
}
.tab-content {
    padding: 10px;
    border-radius: 0px;
    border: none;
    background: #ffffff;
}
#content-middle .panel {
    border: none;
    border-radius: 0px;
}
div.col-sm-9 div.panel div.panel-body,
div.col-sm-9 div.panel #fields {
    padding-top: 0px;
    padding-right:0px;
}
.tab-content div.col-sm-9 .panel {
    background-color: transparent !important;
}

/******************************
Returning Reg. Styles
******************************/
form[name="returningRegForm"] {
    border: none;
    background: #f1f3f5;
}
form[name="returningRegForm"] div.form-group.row {
    margin-left: 0px;
    margin-right: 0px;
    padding: 12px;
    background: #f1f3f5;
    border: none;
    width: 64%;
    padding-bottom: 0px;
}
form[name="returningRegForm"] div.form-group.row label {
    padding-left: 1px;
    width: 100%;
    font-weight: 400;
}
form[name="returningRegForm"] #returning {
    margin-top: 25px;
}

/****************************************
Colleague Adjustments
****************************************/
div.colleagueFieldHeading {
    width: 24% !important;
    float: left !important;
}
div.colleagueFieldHeading span {
    display: block;
    padding-bottom: 8px;
    font-weight: bold;
    font-size: inherit;
    margin-top: 10px;
    line-height: normal;
}
div.field div.sortStyle,
div.field div.sortStyle:hover {
    border: none !important;
}
div.field div.sortStyle .well {
    margin: 0px;
    background: none;
    width: 76%;
    border: none;
    box-shadow: none;
    float: left;
    padding: 0px;
}
a.addAnotherColleague {
    display: inline-block;
    padding: 6px 14px;
    font-size: inherit;
    line-height: normal;
    border-radius: 6px;
    background-color: #5cb85c;
    border-color: ;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid #4cae4c;
    color: #fff;
    text-transform: uppercase;
}
a.addAnotherColleague:hover {
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}
div.colleagueBag {
    width: 100% !important;
}
div.colleagueBag p.remainingColleagues {
    display: none;
    margin: 15px 0px;
}
div.colleagueBag ul li {
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0px 10px;
    height: 100%;
    overflow: hidden;
    margin: 5px 0px;
}
div.colleagueBag ul li a.loadModal {
    font-size: inherit;
    float: left;
    width: 94%;
    max-width: 96%;
    padding: 10px 0px;
}
div.colleagueBag ul li a.colleagueDelete {
    float: right;
    background: #e74c3c;
    color: #ffffff;
    border-radius: 4px;
    padding: 3px 7px;
    border: 1px solid #c0392b;
    margin: 6px 0px;
}
div.colleagueBag ul li a.colleagueDelete:hover {
    background: #c0392b;
}
div.colleague ul li:hover {
    background: #e9ecef;
}
div.colleagueFieldHeading p {
    display: none;
}
p.remainingColleagues {
    margin-top: 0px !important;
    font-weight: bold;
}
form.colleagueForm #fieldContainer p {
    margin: 15px !important;
}
form.colleagueForm p {
    margin: 0px !important;
}
form.colleagueForm p button {
    float: right;
    margin: 0px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 6px 12px;
    margin-top: 30px;
    margin-left: 9px;
    text-transform: none;
    background: rgba(67, 160, 71, 1.0);
    border-color: rgba(56, 142, 60, 1.0);
    color: #ffffff;
}
form.colleagueForm p button:hover,
form.colleagueForm p button:focus {
    background: rgba(102, 187, 106, 1.0);
    border-color: rgba(56, 142, 60, 1.0);
    color: #ffffff;
}
div.modal-content div.modal-footer button {
    background: rgba(244, 67, 54, 1.0);
    border-color: rgba(211, 47, 47, 1.0);
    color: #ffffff;
}
div.modal-content div.modal-footer button:hover,
div.modal-content div.modal-footer button:focus {
    background: rgba(239, 83, 80, 1.0);
    border-color: rgba(211, 47, 47, 1.0);
    color: #ffffff;
}

/************************************************
Coupon Field / Payment Page
************************************************/
#couponForm #fieldContainer {
    float: left;
    width: auto;
    clear: none;
    display: inline-block;
}
#paymentForm {
    display: block;
    clear: both;
}
#couponForm #fieldContainer {
    float: left;
    width: auto;
    clear: none;
    display: inline-block;
}
#couponForm #fieldContainer div.field div.form-group div {
    width: 100% !important;
}
#couponForm input[type="text"] {
    border-radius: 4px 0px 0px 4px;
}
#couponForm div.field-editable {
    width: 100%;
}
#couponForm input[type="submit"] {
    margin-top: 28px;
    border-radius: 0px 4px 4px 0px;
    float: left;
}
#couponForm {
    width: auto;
    height: 100%;
    overflow: hidden;
    vertical-align: baseline;
}
#month,
#year {
    width: auto !important;
}

/************************************************
Payment Page
************************************************/
#paymentForm label,
#paymentForm #ccInfo,
#paymentForm #bankInfo table,
#paymentForm #manualInfo {
    margin-left: 15px;
}
#paymentForm #billing_container label {
    margin-left: 0px;
}
#paymentForm h4 {
    margin-bottom: 15px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 10px;
}
#infoTable {
    width: 96% !important;
}
#infoTable tr td:nth-of-type(1) {
    width: 200px;
    font-weight: 600;
}
#infoTable tr td:nth-of-type(2) div.row div.col-xs-5:after {
    content: " / ";
    padding: 0px 12px;
    padding-right: 0;
    font-size: 21px;
    line-height: normal;
}
#infoTable tr td:nth-of-type(2) div.row div.col-xs-5 #month {
    display: inline-block !important;
}
#infoTable tr td:nth-of-type(2) div.row div.col-xs-6 {
    padding-left: 1px;
}
#valid_date,
#valid {
    margin: 0px !important;
    padding: 7px 0px;
}
#billing_body #reg_new #infoContainer div.panel-body,
#billing_body #reg_new #infoContainer div.panel-body #fieldContainer {
    padding-top: 15px;
}
#billing_container #billing_body #infoContainer div.panel-body #fieldContainer div.field {
    margin: 6px 0px;
}

/************************************************
WYSIWYG Fix
************************************************/
div.note-editor {
    width: 100% !important;
}
div.note-editor div.note-toolbar {
    display: block !important;
    width: 100% !important;
}
div.note-editor div.note-toolbar div.note-btn-group {
    width: auto;
    float: left;
}
div.note-editor div.note-toolbar div.note-btn-group div {
    width: auto;
}
.note-editor.note-frame {
    border: 1px solid #a9a9a9 !important;
    border-radius: 4px !important;
    background: inherit;
    background-color: inherit;
    margin-bottom: 0px;
}
.note-editor.note-frame .note-editing-area {
    width: 100%;
}
.note-editor.note-frame .note-statusbar {
    width: 100%;
    float: none;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
    float: none;
}
.note-editor.note-frame .note-placeholder {
    padding: 15px;
}
.note-editor.note-frame .note-editing-area .note-editable {
    width: 100%;
    padding: 0px;
}

/************************************************
Buttons
************************************************/
#register,
#returning,
#button input,
.btn-primary,
#addAdt,
#paybtn {
    padding: 11px 20px;
    text-transform: uppercase;
    margin: 5px;
    border: 1px solid #042E13;
    color: #ffffff;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#042e13+0,166c35+22,166c35+73,042e13+100 */
     /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background: linear-gradient(to bottom, rgba(23,114,57,1) 0%,rgba(6,56,24,1) 100%); 
    border-radius: 4px;
    display: inline-block;
}
#register:hover,
#returning:hover,
#button input:hover,
#register:focus,
#returning:focus,
#button input:focus,
.btn-primary:hover,
#addAdt:hover,
#addAdt:focus,
#paybtn:hover,
#paybtn:focus {
    color: #ffffff;
    background: linear-gradient(to bottom, rgba(6,56,24,1) 0%,rgba(23,114,57,1) 100%);
    border-color: rgba(23,114,57,1);
}
#addAdt {
    background: linear-gradient(to bottom, rgba(6,56,24,1) 0%,rgba(23,114,57,1) 100%); 
    color: #ffffff;
    float: left !important;
    border-color: rgba(6,56,24,1);
}
#addAdt:hover,
#addAdt:focus {
  color: #ffffff;
  background: linear-gradient(to bottom, rgba(6,56,24,1) 0%,rgba(23,114,57,1) 100%);
  border-color: rgba(23,114,57,1);
}
.btn-primary:focus {
    color: #ffffff !important;
    background: #042E13 !important;
    border-color: #042E13 !important;
}
#register:after,
#button input:after,
div.review .btn-primary:nth-of-type(2):after,
#addAdt:after,
#returning:before,
div.review .btn-primary:before,
#breakdown_body .btn-primary:before {
    display: inline-block;
    font:normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f101";
    margin-left: 10px;
    font-size: 18px;
}
#addAdt:after {
    content: "\f234";
}
div.review .btn-primary:nth-of-type(2):before,
#breakdown_body .btn-primary:nth-of-type(2):before {
    content: "";
}
#returning:before,
div.review .btn-primary:before,
#breakdown_body .btn-primary:before {
    content: "\f100";
    margin-right: 10px;
    margin-left: 0px;
}
div.review .btn-primary,
#breakdown_body .btn-primary {
    float: left;
    padding: 11px 16px 11px 11px
}
div.review .btn-primary:nth-of-type(2) {
    float: right;
    padding: 11px 11px 11px 7px;
}
#paybtn {
    float: right !important;
    padding: 11px 16px !important;
    background: rgba(76, 175, 80, 1.0);
    border-color: rgba(67, 160, 71, 1.0);
    color: rgba(255, 255, 255, 1.0);
    content: "Complete Registration";
}
#paybtn:hover,
#paybtn:focus {
    background: rgba(102, 187, 106, 1.0);
    border-color: rgba(67, 160, 71, 1.0);
    color: rgba(255, 255, 255, 1.0);
}

/***************************************
Page Info
***************************************/
div.pageinfo {
    padding: 10px;
    margin: 8px 0px;
    background: rgba(144, 164, 174, 0.4);
    border: 1px solid rgba(144, 164, 174, 0.5);
    color: rgba(38, 50, 56, 1.0);
    text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.5);
}
div.pageinfo strong {
    font-weight: 300;
}

/***************************************
Review Page
***************************************/
div.review div.field-summary.row {
    width: 100%;
    margin: 0px;
}
div.review div.field-summary ul.col-md-6 {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
div.review div.field-summary ul.col-md-6 li {
    list-style: none;
    margin: 0px;
    padding: 0px 15px;
    line-height: inherit;
    margin-left: inherit;
}
div.review div.field-summary span.field p,
div.review div.field-summary span.field_value p {
    margin: 15px 0px;
}
div.review div.field-summary span.col-md-6 {
    width: 66.66666667%;
}

/***************************************
Completed Page
***************************************/
div.thanks p {
    font-size: 20px;
    line-height: 36px;
    font-weight: 300;
}
#rhome {
    margin-bottom: 27px;
}

/***************************************
Modal Adjustments
***************************************/
#showRegistrant div.panel-group div.panel div.panel-heading {
    display: block;
}
/**************************************
    Capacity Alerts
**************************************/
div.form-group  div.alert-danger{
  float: none !important;
  width: 100% !important;
  text-align: left;
  height: 100%;
  overflow: hidden;
  margin: 10px 0px;
  display: block;
}
div.form-group  div.alert-danger strong{
  margin-right: 10px;
}
span.error-help-block{
  margin:0px;
}

/**************************************
    Footer
**************************************/
#footer .footer .MyCS_brand:after {
  font-family: 'MyConferencesuite_Alliance' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e900";
  color: #f7942d;
  font-size: 45px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
#footer .footer .MyCS_brand{
  display: inline-block;
  position: relative;  
  top: 14px;
  margin-right: 9px;
}

div[data-group="note"] div.form-group p.information{
	display:none;
}
div[data-group="note"] div.form-group .text-editable{
	width:100% !important;	
}
div[data-group="note"] div.form-group .text-editable .alert{
	width:98% !important;
	margin:15px;
}
div[data-group="file"] .form-group fieldset div {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 15px;
}
div[data-group="file"] .form-group fieldset div:after {
    content: attr(data-text);
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    padding: 10px 15px;
    display: block;
    width: calc(100% - 40px);
    pointer-events: none;
    z-index: 2;
    height: 47px;
    line-height: 27px;
    color: #999;
    border-radius: 5px 10px 10px 5px;
    font-weight: 300;
    border: 1px solid rgba(00,00,00,0.1);
    box-shadow: 1px 1px 3px rgb(0 0 0 / 10%);
}
div[data-group="file"] .form-group fieldset div:before {
    content: 'Upload';
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    height: 47px;
    background: #4daf7c;
    color: #fff;
    font-weight: normal;
    z-index: 3;
    font-size:  1.1rem;
    line-height: 40px;
    padding: 4px 10px;
    text-transform: uppercase;
    pointer-events: none;
    border-radius: 0 5px 5px 0;
}
div[data-group="file"] .form-group fieldset div:hover:before {
  background: #3d8c63;
}
div[data-group="file"] .form-group fieldset div input {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    height: 47px;
    margin: 0;
    padding: 0;
    display: block;
    cursor: pointer;
    width: 100%;
}
div[data-group="file"] fieldset legend{
	border:none;
	width:27%;
	float:left;
  padding-left: 0;
}

div[data-group="file"] div.form-group fieldset{
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
}
div[data-group="file"] div.form-group fieldset div{
  width: 73% !important;
  margin: 0px;
  padding: 0px;
}
div[data-group="file"] div.form-group fieldset legend{
  font-weight: 400 !important;
  padding-top: 10px !important;
  font-size: 1.1rem !important;
}
div[data-group="file"] p{
	display:none;	
}
div[data-group="file"] p.foot{
	display: block;
    width: 74%;
    float: right;
    margin-top: 0px;
    padding: 5px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    border-radius: 4px;
    margin-right: 0;
}
.modal-dialog,
.modalPopUp{
	width:70%;
}
input[type="checkbox"],
input[type="radio"]{
	opacity:0 !important;	
}
#paymentForm input[type="checkbox"],
#paymentForm input[type="radio"]{
	opacity:1 !important;
	position:relative !important;
}
/***********************************
    Radio/Checkbox Inputs
***********************************/
[type="radio"],
[type="checkbox"]{
    opacity:0;
    position: absolute;
}
[type="radio"] + label,
[type="checkbox"] + label{
    position:relative;
    padding-left:30px;
    cursor:pointer;
    display:inline-block;
    color:#666;
    line-height:25px;
}

[type="radio"] + label:before,
[type="checkbox"] + label:before{
    content:"";
    position:absolute;
    left:0;
    top:2px;
    width:20px;
    height:20px;
    border-radius: 100%;
    border:2px solid rgba(00,00,00,0.6);
    background:#fff;
}
[type="checkbox"] + label:before{
    border-radius: 0px;
}
[type="radio"]:checked + label:after,
[type="checkbox"]:checked + label:after{
    content:"";
    position:absolute;
    left:3px;
    top:5px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:rgba(26,120,60, 1);
    transform:scale(1);
    opacity:1;
    transition:all .3s ease;
}
[type="checkbox"]:checked + label:after{
    border-radius:0;
}
[type="radio"]:checked + label:before,
[type="checkbox"]:checked + label:before{
    border-color:rgba(00,00,00,0.6);
}
[type="radio"]:not(:checked) + label:after,
[type="checkbox"]:not(:checked) + label:after{
    content:"";
    position:absolute;
    left: 3px;
    top: 5px;
    width:14px;
    height:14px;
    border-radius:100%;
    background:#fff;
    transform:scale(0);
    opacity:0;
}
[type="checkbox"]:not(:checked) + label:after{
    border-radius: 0;
}
input[type="checkbox"], input[type="radio"]{
	position: absolute;
    top: 0px;	
}
form[name="regForm"] .form-group [type="checkbox"] + label, form[name="regForm"] .form-group [type="radio"] + label{
	padding-left:30px;
	color: #333333;
	font-weight: 600;
}
div[data-group="wide-radio"] fieldset legend{
	width: 80% !important;
	float:left;
	padding-right:35px;
}
div[data-group="wide-radio"] fieldset .de_fieldset{
	width: 20% !important;
}
div[data-group="wide-radio"] fieldset .de_fieldset span.de_cols_1{
	width: auto !important;
    display: inline !important;
    clear: none !important;
}
select,
input{
    height:auto !important;
}
#rhome{
	color:#ffffff !important;	
}
#register{
	float: right;
    position: relative;
    top: 23px;	
}
@media (min-width: 240px) and (max-width: 900px){
	#header,
	#header .container{
		width:100% !important;	
	}
	.panel-body .col-sm-3,
	.panel-body .col-sm-9{
		display:block;
		width:100%;
		float:none;
		clear:both;
	}
	div.field div.form-group label,
	fieldset legend.left,
	div.field div.form-group div{
		width: 100% !important;
		float: none;
		display: block;
		height: 100%;
		overflow: hidden;
		padding-left: 15px;
	}
	div.field div.form-group fieldset div.de_fieldset span.de_cols_1 label {
		padding-left: 5%;
	}
	div[data-group="consent"] p.consent_txt{
		width: 100%;
		float: none;
		display: block !important;
		clear: both;
	}
	.modalPopUp{
		width:95% !important;	
	}
}

#regForm p{
  margin:15px 0px;
}
div[data-group="generalTerms"] p{
  display: none;
}
div[data-group="generalTerms"] div.generalTermsandConditions p{
  display:block;
}
div[data-group="generalTerms"] div.generalTermsandConditions p:first-of-type{
  margin-top: 0px;
}
div[data-group="generalTerms"] div.generalTermsandConditions div{
  width:100% !important;
}

div[data-group="generalTerms"] div.generalTermsandConditions div.panel-heading{
  width:100% !important;
  display:block !important;
  color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    margin-top: 5px;
    border-radius: 6px;
}
.fancybox-bg{
  opacity: 0.6 !important;
}