/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');*/
@import url('https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic');
@import url('font-awesome.min.css');
* { margin: 0; padding: 0; outline: 0; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html, body { width: 100%; background-color: #99ABB7; }
.clearfix { clear: both; }
.ie7 .clearfix { zoom: 1; }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both; }
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
audio:not([controls]) { display: none; height: 0; }
[hidden], template {
display: none;
}
a { background-color: transparent; }
a:active, a:hover { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
mark { background: #ff0; color: #000; }
small { font-size: 80%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; }
svg:not(:root) { overflow: hidden; }
figure { margin: 1em 40px; }
hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; }
pre { overflow: auto; }
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; }
.btnUploadClass { color: #333; background-color: #fff; border-color: #ccc; border-style: solid; border-width: 1px; }
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height:auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; padding: 0; }
textarea { overflow: auto; }
optgroup { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
h1 { font-size: 24px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
h1, h2, h3, h4, h5 { font-weight: normal; line-height: normal; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* Reset css ends here */

body { margin: 0; padding: 0; font-family: 'Lato', sans-serif; overflow-x: hidden; font-weight: 400; line-height: 100%; background: #99ABB7; }
.outer-wrapper { overflow: hidden; background: url(../images/leftpanelbg.jpg) repeat-y 0 0; }
.wrapper { max-width: 100%; margin: 0 auto; }
/* Header start here */
header { background: #fff; position: relative; }
.header-logo { padding: 10px 20px; float: left; }
.rightbar { float: right; text-align: right; padding: 40px 20px 0; }
.rightbar p { color: #002942; font: 14px/18px 'Lato', sans-serif; padding: 5px 0; }
.rightbar p a { color: #C13832; }
.rightbar p a:hover { color: #002942; }
 .hdrlogout {float: right;margin-top: 40px;margin-right: 20px;}
  .hdrlogout a{ background:#C13832; font:600 16px/20px 'Lato', sans-serif; padding:10px 20px; color:#fff; border-radius:5px;}
  .hdrlogout a:hover{ background:#ecac00}

/* Navigation start here */
nav { background: #99ABB7; padding: 5px 0; height: 20px; margin: 0; }
/*nav ul{ list-style:none; margin:0; padding:0;}
nav ul li{ padding:0 10px; color:#fff; float:left;}
nav ul li a{ color:#fff; text-decoration:none; font:600 12px/16px 'Lato', sans-serif;}
nav ul li a:hover{ color:#C13832; text-decoration:none;}
*/
/* Body Container start here */
.outer-contaier { background: url(../images/bg1.png) repeat 0 0; padding: 0 0 40px; }
/*.body-container { min-height:500px;}*/
/* Header start here */
footer { padding: 30px 0 10px; }
footer p { font: 400 12px/16px 'Lato', sans-serif; color: #231f20; text-align: center; }
footer span { font: 400 12px/16px 'Lato', sans-serif; color: #231f20; text-align: center; display: block; }
footer span a { font: 400 12px/16px 'Lato', sans-serif; color: #C13832; }
footer span a:hover { text-decoration: underline; color: #231f20; }
/* home page start here */
.homewidget { }
.widget-text { background: #fff; margin-bottom: 20px; margin-right: 20px; margin-left: 10px; }
.widget-text h4 { border-bottom: 2px solid #C13832; background: #ffffff; color: #002942; padding: 0 15px; font: 600 16px/40px 'Lato', sans-serif; text-transform: uppercase; }
.my-summary { padding: 5px 20px 20px; }
.top-summary { padding: 0 0 5px 0; }
.top-summary span { float: left; width: 222px; font: 600 14px/22px 'Lato', sans-serif; color: #C13832; font-weight: 800; }
.account-balance-column { float: left; width: 360px; background-color: #ecac00; color: #fff; font: 400 12px/18px 'Lato', sans-serif; padding: 8px 20px; }
.account-balance-column > div { margin: 12px 0; font: 400 16px/20px 'Lato', sans-serif }
.account-balance-column > div strong { display: block; }
.elite-progress-column { float: left; width: 518px; padding-left: 30px; }
.elite-colem { }
.elite-row { border-bottom: 1px solid #9e9fa3; }
.elite-row > div { float: left; padding: 5px; font: 400 12px/20px 'Lato', sans-serif; color: #000; }
.elite-row > div:nth-child(1) { font-weight: 600; width: 40%; }
.elite-row > div:nth-child(2) { width: 20%; }
.elite-row > div:nth-child(3) { width: 20%; }
.elite-row > div:nth-child(4) { width: 20%; }
.elite-row.elite-head > div { color: #C13832; font-weight: 600; }
.elite-row.total { border-bottom: 0 }
.elite-row.total > div { color: #C13832; font: 600 14px/20px 'Lato', sans-serif; }
.elite-row h5 { background: #002942; color: #fff; font: 600 12px/20px 'Lato', sans-serif; padding: 5px; }
/* left panel start here */

.leftpanel { width: 176px; position: absolute; background: #002942; height: 100%; padding-top: 25px; }
.leftpanel h3 { color: #ffffff; font: 700 15px/16px 'Lato', sans-serif; padding: 0 0 4px 15px; border-bottom: 2px solid #C13832; margin-bottom: 10px; }
.leftpanel ul { list-style: none; margin: 0; padding: 0 }
.leftpanel ul li > ul { margin-left: 5px; }
.leftpanel ul li { padding: 6px 9px; position: relative; }
.leftpanel ul li > ul > li { padding: 6px 9px; }
.leftpanel ul li a { color: #ffffff; font: 400 14px/16px 'Lato', sans-serif; display: block; padding-left: 12px; }
.leftpanel ul li:before { background: url(../images/arrow.png) no-repeat 0 0; position: absolute; top: 10px; left: 9px; content: ""; height: 8px; width: 4px; }
.leftpanel ul li a:hover { color: #C13832; }
.leftpanel ul li.active a { color: #C13832; font-weight: 700; }
.leftpanel ul li > ul > li a { color: #ecac00; }
.leftpanel ul li > ul > li a:hover { color: #ffffff; }
.leftpanel ul li.open:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}
/* Right panel start here */    
.rightpanel { margin-left: 187px; }
.pageheader { padding: 20px 0; position: relative; min-height: 68px; background: #fff; margin-bottom: 20px; border-right: 20px solid #99ABB7; margin-left: 10px; }
.pagetitle { padding-top: 0; }
.pagetitle h1 { font: 700 30px/40px 'Lato', sans-serif; margin: 0 0 0 20px; color: #C13832; float: left; }
.mycard { float: right; width: 50%; }
.mycard small { vertical-align: top; padding-left: 10px; }
.mycard small a { font: 400 12px/16px 'Lato', sans-serif; color: #ee4224; text-decoration: underline; }
.mycard small a:hover { color: #231f20; }
.mycard span { }
.maincontent { float: left; width: 100%; }
.maincontentinner { }
.widget { padding: 20px 0 0 0; margin-right: 20px; margin-left: 10px; }
.last.widget { padding: 20px 0; }
.last1.widget { padding: 0px 0 20px 0; }
.table-responsive.dlstSearchMember{ margin:0}
.widgettitle { border-bottom: 2px solid #C13832; background: #ffffff; color: #002942; padding: 15px; font: 600 16px/40px 'Lato', sans-serif; text-transform: uppercase; font-weight: 700; }
.widgettitle a{ color:#C13832;  font: 400 16px/40px 'Lato', sans-serif;}
.widgettitle span { color: #fff; padding: 0 15px; font: 400 13px/40px 'Lato', sans-serif; }
.widgettitle strong { vertical-align: top; float: right; margin-right: 8px; }
.widgetcontent { background: #fff; padding: 15px 0 0 0; border-top: 0; min-height: 200px; }
.widgetcontent p { margin: 15px 0; }
.form-group { float: left; width: 100%; margin-bottom: 15px; }
.col-lg-4 { width: 50%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.col-lg-2 { width: 50%; float: left; min-height: 1px; padding-right: 15px; position: relative; }
.col-lg-12 { width: 100%; float: left; min-height: 1px; padding-left: 15px; padding-right: 15px; position: relative; }
.form-group label { color: #002942; font: 14px/18px 'Lato', sans-serif; padding-bottom: 5px; display: block; font-weight: bold; }
.form-group label > span { color: #C13832; font: 14px/18px 'Lato', sans-serif; }
.form-group label ~ a { color: #ee7c0e; font: 14px/18px 'Lato', sans-serif; padding-bottom: 5px; display: block; }
.form-group label ~ span { color: #002942; font: 14px/18px 'Lato', sans-serif; padding-bottom: 5px; display: block; }
.form-group label ~ input ~ span { color:#f00;}
input[type=text], input[type=password], input[type=tel], input[type=email] { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
input[type=text]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=email]:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
select { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 34px; line-height: 1.42857; padding: 6px 10px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; }
select:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
select:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
textarea { background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; display: block; font-size: 14px; height: 84px; line-height: 1.42857; padding: 6px 10px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; resize: none }
textarea:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
textarea:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
.AutoComplete ul { padding: 0 10px; background: #fff; list-style: none; margin: 0; }
.AutoComplete ul li { font: 400 14px/24px 'Lato', sans-serif; }
.CompletionListCssClass1 { height: 300px; overflow: auto; }
.btn { background-color: #ecac00; background-color: #ecac00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: #E18A00 solid 4px; color: #ffffff; cursor: pointer; color: #ffffff; font: 600 14px/20px 'Lato', sans-serif; padding: 7px 25px; text-decoration: none; margin-left: 10px; }
.btn:hover { background-color: #E18A00; }
.btn:active { position: relative; top: 1px; }
.btn.btn-primary {background-color: #ecac00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: #E18A00 solid 4px; color: #ffffff; }
.btn.btn-primary:hover { background-color: #E18A00; }

.cancelbtn.btn.btn-primary {background-color: #383838;border-bottom: #151515 solid 4px; color: #ffffff; }
.cancelbtn.btn.btn-primary:hover { background-color: #000; }
/*Form element style */
.checkbox { padding-left: 20px; }
.checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #454545; border-radius: 3px; background-color: #fff; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin: -1px 0 0 -21px; padding-left: 3px; font-size: 13px; color: #555555; }
.checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; height: auto; width: auto; padding: 0; margin: 0; position: absolute }
.checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity:1; }
.checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; }
.checkbox.checkbox-circle label::before { border-radius: 50%; }
.checkbox.checkbox-inline { margin-top: 0; }
.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; }
.checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; }
.checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; }
.checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; }
.checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after { color: #fff; }
.checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #5cb85c; border-color: #5cb85c; }
.checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after { color: #fff; }
.radio { padding-left: 20px; }
.radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; }
.radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #454545; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; }
.radio label::after { display: inline-block; position: absolute; content: " "; width: 9px; height: 9px; left: 3px; top: 4px; margin-left: -19px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"] { opacity: 0; z-index: 1; height: auto; width: auto; padding: 0; margin: 0; position: absolute }
.radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
.radio input[type="radio"]:disabled + label { opacity: 0.65; }
.radio input[type="radio"]:disabled + label::before { cursor: not-allowed; }
.radio.radio-inline { margin-top: 0; }
.radio-primary input[type="radio"] + label::after { background-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; }
.radio-danger input[type="radio"] + label::after { background-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; }
.radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; }
.radio-info input[type="radio"] + label::after { background-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; }
.radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; }
.radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; }
.radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; }
.radio-success input[type="radio"] + label::after { background-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; }
.radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; }
input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; }
input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before { color: #fff; }
input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after { color: #fff; }
/* login css start here */
.loginsec { background: transparent; padding: 15px 15px 60px; width: 725px; margin: 20px auto; }
.logincontant { max-width: 690px; background-color: #fff; padding: 30px; }
.signinmessage:before { content: url('../Images/myea-logo1.png'); display: block; z-index: 99999; margin-bottom: 20px; transform: scale(.8); }
.signinmessage { width: 300px; float: left; padding-right: 15px; }
.signinmessage p { color: #002942; font: 400 12px/16px 'Lato', sans-serif; padding: 5px 0 }
.signfrom { width: 320px; float: right; background: #ffffff; border: 1px solid #002942; }
.signfrom h2 { color: #fff; font: 600 16px/20px 'Lato', sans-serif; padding: 8px 0 8px 20px; background: #002942; }
.signfrom .row { padding: 12px 20px; }
.signfrom .row label { color: #002942; display: block; font: 14px/18px 'Lato', sans-serif; padding-bottom: 5px; }
.signfrom #lblMessage, .signfrom .lblMessage { color: #C13832; font: 14px/18px 'Lato', sans-serif; padding: 10px 20px 0; display: block; }
.signfrom .row .errormsg { color: #C13832; font: 14px/18px 'Lato', sans-serif; }
.signfrom .row a { color: #c13832; font: 400 12px/16px 'Lato', sans-serif; }
.signfrom .row a:hover { color: #C13832; text-decoration: underline; }
aside.signfrom .btn { margin-left: 0; }
.forgotsec { background: transparent; padding: 15px 15px 60px; width: auto; max-width:600px; margin: 20px auto; }
.forgotsec .signfrom{ width:100%;}
/* Eventing Permission start here */
.eventingexpressleft{ float:left; width:50%;}
.eventingexpressleft .col-lg-4{ width:100%;}
.eventingexpressright{ float:left; width:50%; margin-top:10px;}
.eventingexpressright p{ font:600 16px/20px "Lato", sans-serif;color:#31708f; text-align:left; margin:5px 0 0 0;}
/* ends here */

/* My Entries start here */
.my-entries { padding: 20px; }
.event-confirm { }
.eventname { float: left; width: auto; color: #C13832; font: 600 16px/18px 'Lato', sans-serif; padding-bottom: 10px; }
.eventname a { color: #C13832; }
.confirm-no { float: right; width: auto; color: #002942; font: 400 12px/16px 'Lato', sans-serif; }
.confirm-no strong { padding-left: 10px }
.event-body { margin: 15px 0 0 0 }
.event-img { float: left; width: 71px; height: 71px; margin-right: 30px }
.event-add { float: left; width: 80%; }
.event-add p { color: #002942; font: 400 12px/22px 'Lato', sans-serif; }
.event-add p a { color: #C13832; }
.event-add p a:hover { color: #002942 }
.event-detail { margin-top: 15px }
.event-detail a { color: #C13832; font: 400 12px/16px 'Lato', sans-serif; background: url(../images/circle_arrow_1.gif) no-repeat 0 center; padding-left: 20px; width: 30%; margin-right: 20px; }
.event-detail a:hover { color: #002942 }
.event-table { display: table; width: 100%; margin-top: 15px; }
.event-table-row { display: table-row-group; }
.event-table-row > div { display: table-cell; color: #002942; font: 400 12px/16px 'Lato', sans-serif; padding: 5px; }
.can-find { margin-top: 15px; padding-top: 15px; border-top: 1px solid #ccc; }
.can-find a { color: #C13832; font: 400 12px/16px 'Lato', sans-serif; }
.can-find a:hover { color: #002942 }
.cd-top { display: inline-block; height: 40px; width: 40px; position: fixed; bottom: 100px; right: 10px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); /* image replacement properties */ overflow: hidden; text-indent: 100%; white-space: nowrap; background: rgba(0, 41, 66, 0.7) url(../images/cd-top-arrow.png) no-repeat center center; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top:hover { background: rgba(0, 41, 66, 1) url(../images/cd-top-arrow.png) no-repeat center center; }
.cd-top.cd-is-visible { /* the button becomes visible */ visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { /* if the user keeps scrolling down, the button is out of focus and becomes less visible */ opacity: 1; }
.no-touch .cd-top:hover { background-color: #e86256; opacity: 1; }
.leftpanel.show { background: #002942; display: none; z-index: 100; width: 300px; margin: 0; top: 0; left: 0; max-height: 400px; min-height: 100%; position: fixed; overflow: auto; -webkit-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; padding-top: 60px; }
#nav-button { height: 19px; width:24px; left: 20px; bottom: 6px; position: absolute; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #444; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; overflow: hidden; cursor: pointer; display: none; z-index: 999 }
#nav-button:before, #nav-button:after, #nav-button span { content: '\2630'; display: block; font-size: 28px; position: absolute; left: 0; font-weight: normal; color: #ffffff; }

/* toggleMenu animation */
.fa-close#nav-button { left: 20px; top: 10px; position: fixed; }
.fa-close#nav-button:before, #nav-button:after{ -webkit-transition: none 0.2s ease 0.2s; -moz-transition: none 0.2s ease 0.2s; -ms-transition: none 0.2s ease 0.2s; -o-transition: none 0.2s ease 0.2s; transition: none 0.2s ease 0.2s; -webkit-transition-property: transform, top, bottom, left, opacity; -moz-transition-property: transform, top, bottom, left, opacity; -ms-transition-property: transform, top, bottom, left, opacity; -o-transition-property: transform, top, bottom, left, opacity; transition-property: transform, top, bottom, left, opacity; }
.fa-close#nav-button span { left: -50px; opacity: 0;}
.fa-close#nav-button:before { display:none;}
.fa-close#nav-button:after { bottom: 2px; left: 0; content: "\2715"; }

/*table#ContentPlaceHolder1_dlstResult {margin-left: 10px; margin-right: 20px; }*/

 @-webkit-keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
 @keyframes color { 0% {
 box-shadow: 0;
}
 30% {
 box-shadow: 0 0 10px 25px rgba(12, 121, 137, 0.5);
}
}
#cover.display { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; display: block; opacity: 1; position: fixed; top: 0; left: 0; z-index: 99; height: 1000%; width: 100%; visibility: visible; }
.radiotable { }
.radio table { width: 100%; padding: 0; margin: 0; }
/* Table start here */
table tr th, table tr td { color: #002942; font: 400 13px/20px 'Lato', sans-serif; }
.table-responsive { border: 1px solid #002494; margin: 20px 0; max-width: 100%; width: 100%; background-color: transparent; }
.table-responsive.dlstSearchMember td:first-child,.table-responsive.dlstSearchMember th:first-child{ display:none;}
.table-responsive tr th, .table-responsive tr td { color: #002942; font: 400 13px/20px 'Lato', sans-serif; padding: 8px; vertical-align: middle; }
.table-responsive tr th a { color: #fff }
.table-responsive tr td a { color: #C13832; text-decoration: none; }
.table-responsive tr th { text-align: left; }
.table-responsive tr th { background: #002942; color: #fff; padding: 10px 5px; font: 600 13px/20px 'Lato', sans-serif; }
.table-responsive tr:nth-child(2n+1) td { background-color: #e5e9ec; }
.table-responsive tr { background: #ffffff; }
.table-responsive tr td.edit_icon { width: 40px; }
.table-responsive tr td.delete_icon { width: 40px; }
.table-outer { width: 100%; }
.resultlist{ margin:0 18px 20px 10px}
.table-outer .table-responsive { margin: 0; }
.table-responsive.memberactivity-table tr td:first-child, .table-responsive.memberactivity-table tr th:first-child { display: none; }
.CorrespondenceMethod.form-group > label { background: #C13832; color: #fff; font: 600 16px/20px 'Lato', sans-serif; padding: 10px 15px; margin-bottom: 10px; }
.CorrespondenceMethod.form-group > label i { font: italic 400 12px/20px 'Lato', sans-serif; }
.widgettitle strong input.btn { background-color: #ecac00; background-color: #ecac00; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-bottom: #E18A00 solid 4px; color: #ffffff; cursor: pointer; color: #ffffff; font: 600 14px/20px 'Lato', sans-serif; padding: 7px 25px; text-decoration: none; }
.widgettitle strong input:hover { background: #E18A00; }
.widgettitle strong input:active { position: relative; top: 1px; }
.addbtn::before { background: #E18A00; border-radius: 3px 0 0 0; box-shadow: 1px 0 0 rgba(0, 0, 0, 0.3), 2px 0 0 rgba(255, 255, 255, 0.3); content: "✚"; color: #fff; font: 700 20px/34px "Open Sans", sans-serif; margin: 3px 10px 0 -6px; padding: 0 5px; pointer-events: none; text-align: center; width: 35px; position: absolute; left: 17px; top: 1px; z-index: 1; }
.widgettitle strong.addbtn input.btn { padding: 7px 25px 7px 55px; position: relative; white-space: nowrap; }
strong.addbtn { position: relative; }
#divImageUpload strong.addbtn { position: relative; display: inline-block }
#divImageUpload .addbtn::before { margin-top: 0 }
strong.addbtn .btn.btn-primary { padding: 7px 25px 7px 55px; }
.clearbtn { background-color: #515151; border-bottom: 4px solid #141414; border-radius: 3px; color: #ffffff; cursor: pointer; font: 600 14px/20px "Lato", sans-serif; margin-left: 10px; padding: 7px 25px; text-decoration: none; }
.clearbtn:hover { background: #363636; }
.clearbtn:active { position: relative; top: 1px; }
.membererrormsg { color: #f00; }
.col-lg-4 span.requi#C13832Field { position: absolute; color: #C13832; width: 100%; font: 14px/18px 'Lato', sans-serif; top: 24px; border: 1px solid #C13832; background: #fff; padding: 6px 10px; border-radius: 4px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
/* paging start here */
.paging-outer { margin: 20px 20px 20px 12px; }
.paging-outer span { font: 400 14px/28px 'Lato', sans-serif; color: #002942; display: inline-block }
.paging-btn-group { text-align: center; font: 400 14px/20px 'Lato', sans-serif; color: #002942; }
.paging-btn-group div { display: inline-block; font: 600 14px/20px 'Lato', sans-serif; color: #000; padding: 0 5px; }
.paging-btn-group div { display: inline-block; height: 30px; white-space: nowrap; font: 400 14px/20px 'Lato', sans-serif; border-radius: 3px; background-color: #ecac00; border: 1px solid #ecac00; color: #ffffff; padding: 0 10px 0 10px; margin: 0px 0 0 0; }
.paging-btn-group div:hover { background-color: #E18A00; }
.paging-btn-group div:active { -moz-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; box-shadow: 0 0 4px 2px rgba(0,0,0,.3) inset; position: relative; top: 1px; }
.paging-btn-group div:focus { outline: 0; background: #fafafa; }
.paging-btn-group div:before { background: transparent; float: left; width: 25px; text-align: center; font: 400 16px/28px 'FontAwesome', sans-serif; margin: 1px 5px 0 -11px; padding: 0px 5px; height: 28px; border-radius: 8px 0px 0 8px; pointer-events: none; }
.paging-btn-group div a { font: 600 14px/28px 'Lato', sans-serif; color: #ffffff; display: inline-block }
.paging-btn-group div.first_btn:before { content: "\f100"; }
.paging-btn-group div.pre_btn:before { content: "\f104"; }
.paging-btn-group div.next_btn:before { content: "\f105"; float: right; margin: 1px -11px 0 5px; border-radius: 0 8px 8px 0px; }
.paging-btn-group div.last_btn:before { content: "\f101"; float: right; margin: 1px -11px 0 5px; border-radius: 0 8px 8px 0px; -moz-box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5); -webkit-box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5); box-shadow: -1px 0 0 rgba(0,0,0,.5), -2px 0 0 rgba(255,255,255,.5); }
.paging-btn-group input { font: inherit; border-radius: 0; color: #000; border: 0px solid #337fed; padding: 0; box-shadow: inset 0px 0px 0px 0px #97c4fe; text-shadow: 0px 0px 0 #287ace; cursor: pointer; background: none; }
.paging-btn-group input:hover { background: none; }
.paging-btn-group input:active { position: relative; top: 0; }
.goto_outer { font: 400 14px/20px 'Lato', sans-serif; color: #002942; }
.goto_outer input[type=text] { display: inline-block; margin: 0 5px; }
.goToPage input { white-space: nowrap; font: 600 14px/28px 'Lato', sans-serif; border-radius: 5px; color: #fff; padding: 2px 10px; margin: 0px 0 0 0; background-color: #ecac00; cursor: pointer; }
.goToPage input:hover { background-color: #E18A00; }
.goToPage input:active { position: relative; top: 0; }
.goToPage { display: inline-block; }
.paginginationOuter input[type=text]{ display:inline-block; margin:0 10px; width:45px;}
.paginginationOuter table tr td{ vertical-align:middle}
#ContentPlaceHolder1_lblPageStatus { padding: 0 10px; }
.messagebutton { color: #000; font: 15px/20px Arial, Helvetica, sans-serif; }
.messageShown { position: absolute; z-index: 9999; background: #000; left: 0; top: 50%; width: 100%; margin: -75px 0 0 0; text-align: center; padding: 10px 0; display: none; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; transition: all 2s; height: auto; -webkit-transition: all 2s; }
.messageDiv { margin: 20px auto; padding: 10px 10px 10px 52px; max-width: 350px; width: auto; font: 400 14px/20px 'Lato', sans-serif; text-align: left; background: #000; }
.info .messageDiv { color: #00529B; background: #BDE5F8 url('../images/icon-info.png') no-repeat 10px center; }
.success .messageDiv { color: #4F8A10; background: url('../images/icon-tick.png') no-repeat 10px center; }
.warning .messageDiv { color: #D8000C; background: #FEEFB3 url('../images/icon-warning.png') no-repeat 10px center; }
.error .messageDiv { color: #D8000C; background: #FFBABA url('../images/icon-cross.png') no-repeat 10px center; }
.info { background: #BDE5F8; }
.success { background: #DFF2BF; }
.warning { background: #FEEFB3; }
.error { background: #FFBABA; }
.overlay { background: rgba(0, 0, 0, 0.4); display: block; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 999; }
.messageclose { background: #fff; color: #000; font: 400 14px/20px 'Lato', sans-serif; padding: 5px 10px; display: inline-block; cursor: pointer; }
.succcessmsg { color: #087e19; font: 400 14px/20px 'Lato', sans-serif; padding: 10px 1%; display: inline-block; }
.errormsg1 { color: #f00; font:600 16px/20px 'Lato', sans-serif; padding: 0 ; display: inline-block; }
.event-add address { color: #002942; font: 400 12px/22px 'Lato', sans-serif; margin: 15px 0; }
.event-add small { background: #9e9fa3; font: 600 14px/22px 'Lato', sans-serif; color: #fff; width: 100%; display: block; padding-left: 10px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { display: inline-block; }
.horseImageNote { color: #002942; font: 600 12px/22px 'Lato', sans-serif; margin: 0px 1% 15px; display: block; }
.horseImageNote span { color: #C13832; }
.Noticemsg { color: #002942; font: 600 12px/22px "Open Sans", sans-serif; margin-bottom: 15px; display: block; padding-left: 10px; }
.Noticemsg span { color: #C13832; font-weight: bold; }
/*.eventingresults-sec { margin-left: 12px; margin-right: 20px; }*/
div#ContentPlaceHolder1_pnlSearchPermission1 { margin-left: 10px; margin-right: 20px; }
/* state logo start here */
.statelogoouter { background: #fff; margin-bottom: 20px; margin-left: 12px; margin-right: 20px; }
.statelogoouter h4 { border-bottom: 2px solid #C13832; background: #ffffff; color: #002942; padding: 0 15px; font: 600 16px/40px 'Lato', sans-serif; text-transform: uppercase; }
.statelogoouter ul { list-style: none; margin: 0; padding: 10px }
.statelogoouter ul li { padding: 0 10px; width: 14%; float: left; }
.statelogoouter ul li a { display: block; text-decoration: none; }
.statelogoouter ul li a img { display: block; height: auto; max-width: 100%; vertical-align: middle; }
/* model pop start here */

.modalPopup { background: #fff; padding: 10px; }
.modalPopup p { color: #002942; font: 400 12px/16px "Lato", sans-serif; padding: 5px 0; }
.modalPopup input[type=submit] { background-color: #ecac00; border-bottom: 4px solid #e18a00; border-radius: 3px; color: #ffffff; cursor: pointer; font: 600 14px/20px "Lato", sans-serif; margin-left: 10px; padding: 7px 25px; text-decoration: none; }
.modalBackground { background: rgba(0,0,0,.5); }
/* state logo ends here */

/* payment section start here */

.paymentarea { margin: 20px 0 }
.cardimageouter { width: 50%; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; color: #555; font-size: 14px; height: 30px; line-height: 1.42857; padding: 4px 8px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; position: relative; }
.cardimageouter:hover { border-color: #8b8a8a; box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 4px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter:focus { border-color: #66afe9; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 4px rgba(102, 175, 233, 0.4); outline: 0 none; }
.cardimageouter > small { background: url(../images/sprite_icon_pay.png) no-repeat 0 0; width: 105px; height: 16px; float: right; margin: 2px 0 0 0; }
.cardimageouter input[type=text] { background: none; border: 0px; padding: 0; width: 55%; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset; display: inline-block; height: auto }
.cardimageouter input[type=text]:hover { border-color: #8b8a8a; box-shadow: 0 0px 0px rgba(0, 0, 0, .075) inset, 0 0 0px rgba(0, 0, 0, 0.4); outline: 0 none; }
.cardimageouter input[type=text]:focus { border-color: #66afe9; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.075) inset, 0 0 0px rgba(102, 175, 233, 0.4); outline: 0 none; }
.paymentarea strong.americanmsg { font: 400 13px/20px "Lato", sans-serif; color: #f00 }
.paymentarea span.validaionmsg, .paymentarea span.sercharge { color: #f00; }
.paymentarea select { width: 50%; }
.paymentarea input { display: inline-block }
/* ends here */
 /* Loader css start here */
.loading { position: fixed; z-index: 9999; height: 2em; width: 2em; overflow: show; margin: auto; top: 0; left: 0; bottom: 0; right: 0; }
.loading:before { content: ''; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); }
.loading:not(:required) { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }
.loading:not(:required):after { content: ''; display: block; font-size: 10px; width: 1em; height: 1em; margin-top: -0.5em; -webkit-animation: spinner 1500ms infinite linear; -moz-animation: spinner 1500ms infinite linear; -ms-animation: spinner 1500ms infinite linear; -o-animation: spinner 1500ms infinite linear; animation: spinner 1500ms infinite linear; border-radius: 0.5em; -webkit-box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.5) -1.5em 0 0 0, rgba(0, 0, 0, 0.5) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0; }

/* Loader Animation */
@-webkit-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-moz-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@-o-keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
@keyframes spinner {  0% {
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(360deg);
 -moz-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 transform: rotate(360deg);
}
}
/* ends here */
.subterms { padding: 10px 20px; }
.subterms h4 { color: #000; font: 700 14px/20px "Lato", sans-serif; padding: 5px 0; }
.subterms p { font: 400 14px/20px "Lato", sans-serif; padding: 5px 0; }
.subterms p strong { font: 700 16px/20px "Lato", sans-serif; }
.subterms p > span { color: #f00 }
.subterms p label { font: 700 14px/20px "Lato", sans-serif; margin-left: 10px; }
.subterms p input[type=checkbox] { vertical-align: middle; }
.subterms.receipt p { text-align: center; }
/* Receipt start here */
.upgradereceipt { background: #fff; padding: 20px; }
table.receiptdetail { width: 100%; }
table.receiptdetail tr td { color: #000; font: 400 16px/20px "Lato", sans-serif; padding: 2px 5px; }
table.receiptdetail tr td:nth-child(1) { font-weight: 700; text-align: right }
table.renewalreciptpayment { width: 100%; margin: 20px 0; border-left: 1px solid #002942; border-top: 1px solid #002942; background: #f8f8f8; }
table.renewalreciptpayment tr > th { border-right: 1px solid #002942; border-bottom: 2px solid #c13832; padding: 10px; font: 700 14px/20px "Lato", sans-serif; color: #002942; text-align: center; text-transform: uppercase; background: #fff; }
table.renewalreciptpayment tr > td { border-right: 1px solid #002942; border-bottom: 1px solid #002942; padding: 4px; font: 400 13px/20px "Lato", sans-serif; vertical-align: bottom }
table.renewalreciptpayment tr > td table tr td { border-right: 0px solid #002942; border-bottom: 0px solid #002942; padding: 4px; font: 400 13px/20px "Lato", sans-serif; }
table.renewalreciptpayment tr > td table tr th { border-right: 0px solid #002942; border-bottom: 2px solid #c13832; font: 700 14px/20px "Lato", sans-serif; color: #002942; text-align: center; text-transform: uppercase; background: #fff; }
table.renewalreciptpayment tr.total td:nth-child(2n+1) { text-align: right; }

.table-responsive tr td input[type=submit].btnShow{ background:#C13832; color:#fff; padding:5px; border:1px solid #C13832}
.table-responsive tr td input[type=submit].btnApply{ background:#ecac00; color:#fff; padding:5px; border:1px solid #ecac00}

.table-responsive.grdRank{ width:50%; margin-top:0}
.table-responsive.grdRank td span{color: #d0051d;font:400 14px/18px 'Lato', sans-serif;}
.table-responsive.grdRank td:nth-child(1){ width:40%;}
.table-responsive.grdRank td:nth-child(2){ width:13%;}
.table-responsive.grdRank tr td:nth-child(2) input[type=text]{ width:65%;font:400 15px/20px 'Lato', sans-serif; padding:0 1%; display:inline-block}
.table-responsive.grdRank tr th{ font:600 15px/20px 'Lato', sans-serif}
.table-responsive.grdRank tr td{ font:400 15px/20px 'Lato', sans-serif}

.table-responsive.grdRank1{ width:50%;margin-top:0}
.table-responsive.grdRank1 td span{color: #d0051d;font:400 14px/18px 'Lato', sans-serif;}
.table-responsive.grdRank1 td:nth-child(1){ width:13%;}
.table-responsive.grdRank1 td:nth-child(2){ }
.table-responsive.grdRank1 tr th{ font:600 15px/20px 'Lato', sans-serif}
.table-responsive.grdRank1 tr td{ font:400 15px/20px 'Lato', sans-serif}

.grdrank{margin-bottom: 10px; }
.grdrank .votingerror{ color:#fff; font:400 14px/20px 'Lato', sans-serif; padding:10px 15px; width:50%; display:inline-block; background:#d0051d; display:inline-block; border-bottom:2px solid #d0051d}
.grdrank .votingsuccess{color:#fff; font:400 14px/20px 'Lato', sans-serif;  padding:10px 15px; width:50%; display:inline-block;background:#00472A; display:inline-block; border-bottom:2px solid #00472A}

.votingheding{ background:#fff; color:#002942; display:inline-block; border-bottom:2px solid #d0051d;font: 600 16px/40px 'Lato', sans-serif; padding:10px 1%;margin-bottom: 10px; display:block; width:50%;}





/* ends here */

/* Responsive css start here */
   
@media screen and (max-width: 991px) {
.wrapper { max-width: 100%; }
img { max-width: 100%; max-height: 100%; }
.account-balance-column { width: 98%; padding: 10px 1%; margin: 15px 0; float: none; }
.account-balance-column > div { margin: 5px 0; font: 400 16px/20px 'Lato', sans-serif; }
.account-balance-column > div strong { display: inline-block; }
.top-summary { display: none; }
.account-balance-column strong { padding-right: 10px; }
.elite-progress-column { width: 98%; float: none; margin: 0; padding: 0 1%; }
}
 @media screen and (max-width: 768px) {
.outer-wrapper { background: none; }
.loginsec { padding: 15px 2% }
.logincontant { float: none; width: 100%; padding: 15px 2%; }
.signinmessage { float: none; width: 100%; padding: 0 0 20px 0; }
.signfrom { max-width: 340px; width: auto; margin: 0 auto; float: none; }
.rightpanel { margin: 20px 0 0 0; }
.leftpanel #nav-button { display: block; }
.leftpanel { position: relative; }
.form-group { margin-bottom: 0; }
.col-lg-4 { margin-bottom: 15px; width: 100%; }
.btn { margin: 0 auto; width: 40%; }
.widgettitle strong input.btn { width: auto; }
.leftpanel { display: none; }
nav { background: #002940; height: 32px; }
.leftpanel.show { display: block; }
#nav-button { display: block; }
.leftpanel h3 { color: #ecac00; font: 700 13px/16px 'Lato', sans-serif; padding: 0 0 15px 15px; }
.leftpanel ul li a { font: 400 16px/22px 'Lato', sans-serif; }
.responsive-outer { max-width: 100%; width: 100%; overflow: auto; }
.responsive-outer table { width: 900%; max-width: 900px; }
.header-logo a { max-width: 80%; }
.eventingresults-sec { overflow: auto; margin:0;}
.eventingresults-sec.resultlist { overflow: auto; margin:0 18px 0 20px; }
.table-outer { max-width: 820px; }
.widget { margin-right: 20px; margin-left: 20px; }
.tabs .tab-nav ul { margin-left: 20px; margin-right: 20px; width: 99%; }
.btn { margin-left: 20px; }
div#ContentPlaceHolder1_pnlSearchPermission1 { margin-left: 20px; margin-right: 20px; }
.pageheader { margin-left: 20px; }
.widget-text,.statelogoouter { margin-left: 20px; }
.addbtn::before { left:26px;}
.Noticemsg{padding-left: 20px;}

.tabs .tab-nav ul li{ width:100%; text-align:left;}
.tabs .tab-nav a{ padding:8px 15px;}
.tabs-style-linemove .tab-nav li{ -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; border-bottom:1px solid #fff; }
.tabs-style-linemove .tab-nav li.tab-current::before{height: 2px; display:none;}
.tabs-style-linemove .tab-nav li.tab-current{ -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;border-bottom:1px solid #ecac00;}
#divImageUpload strong.addbtn{  display:block; width:100%; margin-bottom:20px;}
#divImageUpload strong.addbtn input[type=button]{ width:30%;}
}
 @media screen and (max-width: 480px) {
.btn { width: 100%; }
.header-logo { float: none; padding: 10px 0; text-align: center; }
.rightbar { padding: 10px 0; text-align: center; width: 100%; }
.hdrlogout{ display:none;}
}
 @media only screen and (max-width : 414px) {
.header-logo { padding: 20px 10px 0; }
.loginsec { width: 100%; padding: 0 20px; }
.signfrom { max-width: none; }
.account-balance-column { padding: 10px; }
.account-balance-column > div { font: 400 14px/20px 'Lato', sans-serif; }
.account-balance-column { width: 100%; padding: 20px; margin: 0; }
.my-summary { padding: 10px; }
.account-balance-column > div strong { display: block; line-height: 14px; }
.event-add { width: 100%; }
.leftpanel h3 { font: 700 20px/16px 'Lato', sans-serif; }
.fa-close#nav-button:before { display: none; }
.cd-top { bottom: 10px; }
.statelogoouter { margin-left: 20px; }
.statelogoouter ul li { padding: 10px 0; width: 50%; }
.tabs .tab-nav ul { width: 97.5%; }
.tabs .tab-nav ul li { width: 100%; }
.tabs-style-linemove .tab-nav li.tab-current::before { background: none; }
.tabs .tab-nav a { font: 400 14px/16px 'Lato', sans-serif; padding: 10px 24px; }
.col-lg-4 { padding-left: 0; padding-right: 0; }
.widgetcontent { padding: 15px; }
.btn { width: 100%; margin: 0 20px !important; float: none; }
.form-group { margin-bottom: 10px; }
div.form-group btn { float: none !important; }
.widgettitle { text-align: center; }
.widgettitle strong { width: 100%; margin-right: none !important; float: none; }
.widgettitle strong input.btn { width: 100% !important; margin: 10px 0 auto !important; }
.btn.btn-primary { margin-bottom: 10px !important; }
aside.signfrom div.row .btn { margin: 0 !important; }
.member-btn-group { width: 90%; margin: 0 auto !important; display: inline-block !important; float: none !important; }
div.col-lg-4 .btn { width: 100%; margin: 0 auto !important; display: inline-block !important; float: none !important; }
.Noticemsg { padding: 0 20px; }
.eventingresults-sec { margin: 0 20px; }
.pagetitle h1 { float: none; text-align: center; }
.statelogoouter h4 { text-align: center; }
}
 @media only screen and (max-width : 375px) {
.btn { width: 90%; }
}
 @media only screen and (max-width : 320px) {
.member-btn-group { width: 88%; margin: 0 auto !important; display: inline-block !important; float: none !important; }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.header-logo { padding: 20px; }
.leftpanel h3 { font: 700 20px/16px 'Lato', sans-serif; }
.member-btn-group { width: 100%; margin: 0 auto !important; display: inline-block !important; float: none !important; }
div.col-lg-4 .btn { width: 100%; margin: 0 auto !important; display: inline-block !important; float: none !important; }
nav { margin-bottom: 20px; }
.btn { width: 95%; }
.btn.btn-primary { margin-bottom: 10px !important; }
input[type=text], input[type=password], input[type=tel], input[type=email] { height: 40px; font-size: 16px; }
.form-group label { font: 16px/18px 'Lato', sans-serif; }
.fa-close#nav-button:before { display: none; }
.Noticemsg { padding: 0 20px; }
.my-summary { padding: 6px 20px 8px 20px; }
.account-balance-column { width: 100%; padding: 20px; }
}
 @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
.header-logo { padding: 20px; }
}
 @media print {
     header,.leftpanel,.btn{ display:none;}
     .rightpanel{ margin:0}
}