/* Elements */
body {
  background: url("../images/mycobra_bg.png") repeat-x scroll 0 0 #EFEFEF;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
}
h1 {
  margin: 1em;
  padding: 0.25em;
  font-size: 12pt;
  font-family: sans-serif;
  font-weight: bold;
}
h2 {
  font-family: sans-serif;
  font-size: 12pt;
  color: #003366;
  border-bottom: 1px solid #ddd;
}
p {
  margin: 0 0 10px 0; line-height: 20px;
}
table {
  border-collapse: collapse;
  width: 100%;
}
table:not(:last-child) {
  margin-bottom: 2em;
}
thead {
  background-color: #81A7CC;
}
tbody tr:nth-child(even) {
  background-color: #e6e6e6;
}
.arpatable tbody tr:nth-child(odd) {
  background-color: #e6e6e6;
}
.arpatable tbody tr:nth-child(even) {
  background-color: #fff;
}
table.arpatable th, table.arpatable td{
 height: 51px;
}
table.arpatable {border-bottom:1px solid #e6e6e6}
table th, table td {
  padding: 0.25em 0.5em;
  text-align: left;
  font-family: sans-serif;
  font-size: 10pt;
}
th.dollar_amount, td.dollar_amount {
  text-align: right;
}
td.total, .total td {
  border-top: 1px solid #000;
}
td > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
td select {
  width: 13em;
}
form:after {
  display: block;
  content: '.';
  height: 0;
  clear: both;
  visibility: hidden;
}

dl > * {
  margin-top: 0.5em;
}
dt {
  font-weight: bold;
  float: left;
  clear: left;
  width: 15em;
  padding: 0.25em;
}
dt:after {
  content: ':';
}
dd {
  float: left;
  margin-left: 0;
  padding: 0.25em 0.25em 0.25em 1em;
}
input[type="text"] , input[type="password"], .row select, textarea#comments {
  height:30px;
  padding: 0 16px;
  border: 2px solid #ddd;
  border-radius: 4px;
  outline: 0;
  margin: 2px 0 6px 0;
  transition: 0.2s;
}
input[type="submit"] {
  background-color:#098ac2;
  border: none;
  color: white;
  padding: 12px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  border-radius: .25rem;
  border: 1px solid transparent;
  cursor: pointer;
}
.row select {
  width:89%;
  padding: 5px;
  height: 34px;
}
/* Page structure */
#titlebar {
  margin: 30px auto 0;
  width: 940px;
}
#titlebar #chat {
  float: right;
  margin: 15px 0 0 0;
}
#navigation {
  margin: 30px auto 0;
  width: 940px;
  min-width: 800px;
  clear: both;
}
#navigation ul {
  margin: 0 1.5em;
  padding: 0;
  height: 20px;
  list-style: none;
}
#navigation li {
  float: left;
  position: relative;
  top: 1px;
  cursor: pointer;
  height: 20px;
  padding: 7px 12px 6px;
  margin: 0 10px 0 0;
  border: 1px solid #cbcbcb;
  border-bottom: 1px solid #CBCBCB;
  border-radius: 4px 4px 0 0;
  background: none repeat scroll 0 0 #E6E6E6;
  font-family: verdana, helvetica, arial, sans-serif;
}
#navigation li:hover {
  border-top: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #999;
  background: none repeat scroll 0 0 #DADADA;
}
#navigation li.current-tab {
  position: relative;
  top: 1px;
  padding-bottom: 8px;
  border-top: 1px solid #E0E0E0;
  border-left: 1px solid #E0E0E0;
  border-right: 1px solid #E0E0E0;
  border-bottom: medium none;
  background: #fff none;
}
#navigation li.current-tab:hover {
  border-bottom: medium none;
}
#navigation li img {
  margin: 2px 0 -2px 0;
  padding: 0;
}
#navigation li a {
  text-decoration: none;
  color: #555;
}
#navigation li:hover a, #navigation li.current-tab a {
  color: #212121;
}
#navigation div.right-side a {
  color: #FFF;
  position: relative;
  top: 10px;
  text-decoration: none;
}

#content {
  background-color: #fff;
  width: 940px;
  min-height: 200px;
  min-width: 800px;
  margin: 16px auto 0;
  padding: 0;
  border: 1px solid #E0E0E0;
}
#content:after , .clearall {
  display: block;
  content: '.';
  visibility: hidden;
  clear: both;
  height: 0;
}

#content > img {
  margin: 1em;
}

/* Special login page styles */
#content.login {
  width: 600px;
  min-width: 600px;
  margin: 80px auto;
  padding: 1em;
}
#content.login #logo {
  margin: 0 auto;
}
#content.login h1 {
  margin: 20px 0 10px 0;
  padding: 0;
}
#content.login p {
  margin: 0 0 10px 0;
  text-indent: 0;
  line-height: 20px;
}

#footer {
  background-color: #fff;
  width: 940px;
  text-align: center;
  min-width: 800px;
  margin:0 auto;
  padding:10px 0;
}
#footer p {
  margin-bottom: 10px;
  font-size: 10px;
  text-align: center;
  color: #AAAAAA;
}
#footer a { color: #003366;}
/* General content formatting */
.left-side {
  float: left;
}
.right-side {
  float: right;
}
.full-width {
  width: 100%;
}
.half-width {
  width: 50%;
}
.third-width {
  width: 33%;
}
.twothirds-width {
  width: 66%;
}
.quarter-width {
  width: 25%;
}
.threequarters-width {
  width: 75%;
}

.column {
  margin: 0;
  padding: 0;
}
.column > * {
  margin-left: 1em;
  margin-right: 1em;
}

.box {
  margin: 1em;
  padding: 0.5em;
  border: 1px solid #E0E0E0;
  border-radius: 4px;
}
.left-side.column > * {
  margin-right: 0.5em;
}
.right-side.column > * {
  margin-left: 0.5em;
}
.box > div:not(:last-child) {
  margin-bottom: 2em;
}

.details {
  font-size: 9pt;
  color:#0c365c;
}

#content .notice {
  font-size: 10pt;
  margin: 1em auto;
  width: 80%;
}
.notice .ui-icon {
  float: left;
  margin: 0 0.5em 0 0.75em;
}
.notice p {
  margin: 0.5em;
}

.error {
  color: #cd0a0a;
  display: inline-block;
  padding: 3px 0;
}

.active, .unread {
  font-weight: bold;
}
.inactive {
  display: none;
}
.hidden {
  display: none;
}
div.total {
  font-size: 14pt;
}

/* Form structure */
.form-row {
  margin: 0.25em;
  padding: 0.25em;
  border-bottom: 1px solid #e6e6e6;
  padding: 4px 0
}
/*.form-row:nth-child(even) {
  background-color: #e6e6e6;
}*/
.form-row > label, .form-row > .label {
  float: left;
  width: 35%;
  padding: 9px 0 0 0;
}
.form-widget {
  margin: 0 0 0 35%;
}
.form-widget ul.error {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #cd0a0a;
}
.link-disabled {
  pointer-events: none !important;
  text-decoration: line-through !important;
}
/***New Css created by Abhishek-5-May-21***/
#participantLoginForm input[type="text"], #participantLoginForm input[type="password"], #account_number, #email_address, #mobile_number, #mobile_verification_code, #email_verification_code {width:230px}
.details a {color:#0a8bc2}
.ui-button.verisave {border: 1px solid #2c82fc; background:#fff!important; margin-top: 5px; margin-bottom: 5px;}
.enablemulti {padding:0 0 9px 0;}
.enablemulti .form-widget  {padding:4px 0 0 0}
#sendMobileCode, #sendEmailCode, #verifyMobileNumber, #verifyEmailAddress {
  background-color:#098ac2;
  border: none;
  color: white;
  padding:7px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  border-radius: .25rem;
  border: 1px solid transparent;
  cursor: pointer;
}
#verifyMobileNumber, #verifyEmailAddress {padding:7px 15px}
#verifyMobileNumber, #verifyEmailAddress {padding:7px 15px}
ul.radio_list li {width:50%;float: left;list-style: none; }
div.qualifytd {width: 19%;
  padding: 10px 0 10px 2%;
  float: left;
  min-height: 36px;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;}
ul.radio_list, ul.checkbox_list {padding:0; margin:0}
ul.checkbox_list li {list-style: none; padding:0 0 24px 0; margin:0; float:left; width:32%}
p.chekselect {width:100%; float:left; padding:10px 0 0 0;border-top: 1px solid #e6e6e6;}
.subbutton {float:left; padding:5px 0 10px; width:100%}
.subbutton button {margin:0 10px 0 0 }
.chekselect #location_agreeTerms {float:left; width:2%}
.chekselect span {float:left; width:95%}
.qualifytdright {    width: 78%;
  padding: 12px 0;
  min-height: 32px;
  float: left;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;}
.subhead {line-height: 33px;}
.qualifytd .error {
  position: absolute;margin: 18px 0 0 -115px;
}
.eligible,.waived  {font-size: 15px;
  border: 1px solid #c0e1f2;
  padding: 9px;
  margin: 10px;
  background: #eef9ff;}
.denied {font-size: 15px;
  border: 1px solid #c0e1f2;
  padding: 9px;
  margin: 10px;
  background: #eef9ff;}
.denied span {font-size: 32px;
  float: left;
  display: table;
  margin: 8px 9px 0 0;}
.row {float:left; width:100%; padding:7px 0}
.pad-t {padding:7px 0}
.col-1 {float:left; width:20%; margin:0 0 0 1%; font-weight: bold; padding:12px 0;}
.col-4 {float:left; width:29%}
.onlytxt {padding:12px 0;}
.evenbg {
  background-color: #e6e6e6;
}
.row input[type="text"], row select {width:75%}
textarea#comments {    width: 96%; padding: 10px; height: 79px;font-family: verdana, helvetica, arial, sans-serif;font-size: 12px;}
textarea.comments {    width: 96%; padding: 10px; height: 79px;font-family: verdana, helvetica, arial, sans-serif;font-size: 12px;}
#confirmdialog input {float:left}
#confirmdialog p {float:right; width: 92%;}
#confirmdialog  div::before {
  content: "- "
}
#confirmdialog  div{padding: 8px 0 0;}
.ui-widget-header {
  border: 1px solid #056a96!important;
  background: #098ac1!important;
  color: #fff!important}
.ui-widget-header .ui-icon { background-image: url(images/ui-icons_ffffff_256x240.png)!important;}

.link-disabled {
  pointer-events: none !important;
  text-decoration: line-through !important;
}

.btn-disabled{
  pointer-events: none !important;
  /*filter: blur(0.20px);*/
  background-color: #e6e6e6 !important;
  color: #555 !important;
}
.btn-disabled span{
  padding: .4em 1em .4em 1em;
  opacity: 0.4;
}

.btn-info-small {
  background-color: #098ac2;
  border: none;
  color: white;
  padding: 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  border-radius: .25rem;
  border: 1px solid transparent;
  cursor: pointer;
}

textarea {
  resize: none;
}
h2.contact-head {
  font-size: 24px;
  font-weight: normal;
  border: 0;
}
.quarter-width18 {
  width: 75px;
}
.box > div.marginzero:not(:last-child) {
  margin-bottom:0;
}