/* Reset css start here */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic');
@font-face { font-family: 'FontAwesome'; src: url('fonts/fontawesome-webfont.eot?v=4.2.0'); src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; }
* { margin: 0; padding: 0; outline: 0; border: 0; }
html, body { height: 100%; width: 100%; min-height: 100%; }
.clearfix { clear: both; }
.ie7 .clearfix { zoom: 1; }
.clearfix:after { content: ""; visibility: hidden; display: block; clear: both; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; line-height: 100%; outline: none; }
::selection { background: #ccc; color: #fff; text-shadow: none; } /* Safari */
::-moz-selection {
background: #ccc;
color: #fff;
text-shadow: none;
} /* Firefox */
:-moz-placeholder {
color: #bbb;
}
::-webkit-input-placeholder {
color: #bbb;
}
:-ms-input-placeholder {
color: #bbb;
}
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: underline; }
input:-webkit-autofill, input::-webkit-autofill:focus, :focus, input::focus:-webkit-autofill, input:-webkit-autofill:focus, input:focus:-webkit-autofill {
}
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px white inset; /* Change the color to your own background color */
-webkit-text-fill-color: #000;
background-color: white !important;
}
 input:-webkit-autofill:focus {
-webkit-box-shadow: /*your box-shadow*/, 0 0 0 50px white inset;
-webkit-text-fill-color: #333;
background-color:#f00;
}
input[type=text], input[type=password],input[type=file], input[type=email], input[type=number] { outline: none; padding: 5px 1%; height: 20px; width: 98%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: 1px solid #92989E; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus,input[type=file]:focus, input[type=number]:focus { background: #fff; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; border: 1px solid #098fe3 }
input[type=text]:hover, input[type=password]:hover, input[type=email]:hover,input[type=file]:hover, input[type=number]:hover { background: #f7f7f7; border: 1px solid #337fed }
input[type=text]:disabled { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .10); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.10); color: #000 }
input[type=text]:disabled:hover { background: inherit; color: #9D9E9E; }
input[readonly=ReadOnly] { text-shadow: 1px 1px 0 rgba(256, 256, 256, 1); background: #FFF; border: 1px solid #FFF; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .30); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.30); }
input[type=file]{ padding:3px 1%;height: 24px;}
textarea { outline: none; resize: none; padding: 5px 1%; height: 60px; width: 98%; font: 400 14px/20px 'Open Sans', sans-serif; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: 1px solid #FFF; border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
textarea:focus { background: #DFE9EC; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; }
textarea:hover { background: #DFE9EC; color: #414848; }
select { outline: none; padding: 3px 1%; height: 30px; width: 100%; font: 400 14px/20px 'Open Sans', sans-serif !important; color: #000; text-shadow: 1px 1px 0 rgba(256, 256, 256, 1.0); background: #FFF; border: solid 1px rgba(0,0,0,.4); border-radius: 5px; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.50); }
select:focus { background: #DFE9EC; color: #414848; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); outline: 0; }
select:hover { background: #DFE9EC; color: #414848; }
input[type=submit], button, input[type=button] { font: 700 14px/20px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding: 0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height: 32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
input[type=submit]:hover, button:hover, input[type=button]:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
}
input[type=submit]:active, button:active, input[type=button]:active { position: relative; top: 1px; }
input[type=submit].disable, button.disable, input[type=button].disable { border: 1px solid #515151; color: #515151; background: #ccc; text-shadow: 0px 0px 0 #287ace; box-shadow: 0px 0px 0 0 #97c4fe inset; cursor: not-allowed }
input.cancel-btn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F; }
input.cancel-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
strong { font-weight: normal; }
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 { padding: 0; margin: 0; font-family: 'Open Sans', sans-serif; overflow-x: hidden; font-weight: 400; line-height: 100%; transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; }
.outer-wrapper { overflow: hidden; }
/* Header start here */
header { border-bottom: 1px solid #002b54; background: none repeat scroll 0 0 #efefef; height: 80px; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.header-logo { padding: 10px 0 0px 15px; float: left; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.header-logo img { max-height: 100%; }
/* Body Container start here */
.body-container { min-height: 700px; }
/*Footer start here */
footer { border-top: 1px solid #002b54; width: 100%; padding: 20px 0; text-align: center; margin: 35px 0 0 0 }
footer p { color: #002b54; font: 400 14px/20px 'Open Sans', sans-serif; text-transform: uppercase; padding: 0 0 10px 0 }
footer p br { display: none; }
footer span { color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; display: block; }
footer span a { color: #000000; }

.new-align-padding-t { padding-top:10px;}
/* Login page css start here */

.login-header { padding: 20px 0; max-width: 100%; margin: 0 auto 20px; padding: 15px 0 15px 15px; border-bottom: 1px solid #002b54; background: #efefef; }
.login-header img { max-width: 100%; height: auto; max-height: 100%; }
.login-wrapper footer { position: absolute; bottom: 0; }
.hourse-riding-img { width: auto; margin: 10px; display: inline-block; position: absolute; color: #002b54; font: 400 60px/80px "Open Sans", sans-serif; }
.loginpanelinner #lblError { color: #f00; font: 400 13px/20px "Open Sans", sans-serif; position: absolute; left: 6%; top: 17%; z-index: 1; }
.loginpanel { max-width: 300px; margin: 2% auto; }
.loginpanelinner { background: #002942; border-radius: 6px; border: 2px solid #021f30; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25); padding: 12px 16px; position: relative; }
.loginpanelinner h1 { color: #ffffff; margin: 0; padding: 0 8px 8px; position: relative; font: 600 18px/30px "Open Sans", sans-serif; border-bottom: 1px dashed #03446c; }
.mws-login-lock { background: #002942; border-radius: 20px; height: 40px; position: absolute; right: -10px; text-align: center; top: -10px; width: 40px; }
.mws-login-lock .icon-lock { background: url(../images/admin-lock.png) no-repeat 0 0; width: 24px; height: 24px; display: block; margin: 6px 0 0 9px; }
.mws-form-row { padding: 15px 0 0 0; }
.mws-form-row:before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row:after { clear: both; }
.mws-form-row:before, .mws-form-row:after { content: ""; display: table; line-height: 0; }
.mws-form-row .mws-form-item { position: relative }
.mws-form-row .mws-form-item label { color: #fff; font: 400 14px/20px "Open Sans", sans-serif; }
.mws-form-row .mws-form-item span.forgot-password-error { color: #f00; font: 300 12px/14px "Open Sans", sans-serif; }
.loginpanelinner span.forgot-password-error2 { color: #f00; font: 300 12px/14px "Open Sans", sans-serif; }
.mws-form-row input[type=text] { background-color: #fff !important; background-image: url(../images/user-icon.png) !important; background-repeat: no-repeat; background-position: 8px center; border: 1px solid #323232; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset; min-height: 38px; padding-left: 32px; border-radius: 4px; box-sizing: border-box; color: #323232; line-height: 20px; font: 400 14px/30px "Open Sans", sans-serif; width: 100%; }
 .mws-form-row input[type=text]:-webkit-autofill, .mws-form-row input[type=text]::-webkit-autofill:focus, .mws-form-row input[type=text]::focus:-webkit-autofill, .mws-form-row input[type=text]:-webkit-autofill:focus, .mws-form-row input[type=text]:focus:-webkit-autofill {
background-color:#fff;
background-image:url(../images/newimages/user-icon.png);
background-repeat: no-repeat;
background-position:8px center !important;
color: #323232;
}
.mws-form-row input ~ span { color: #f00; font: 400 14px/20px "Open Sans", sans-serif; }
.mws-form-row input[type=password] { background: #fff url(../images/key-icon.png) no-repeat 8px center !important; border: 1px solid #323232; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15) inset; min-height: 38px; padding-left: 32px; width: 100%; padding-left: 32px; border-radius: 4px; box-sizing: border-box; color: #323232; line-height: 20px; font: 400 14px/30px "Open Sans", sans-serif; }
.mws-form-row input[type=submit] { width: 100%; }
.mws-inset { background-color: rgba(0, 0, 0, 0.15); border-radius: 4px; padding: 5px 10px; margin: 15px 0 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 2px rgba(0, 0, 0, 0.5) inset; }
.mws-inset a { color: #fff; font: 400 13px/20px "Open Sans", sans-serif; }
.mws-inset a:hover { text-decoration: underline; }
.staysignin label { color: #fff; float: left; font: 400 13px/20px "Open Sans", sans-serif; white-space: nowrap; }
.staysignin input[type="checkbox"] { float: left; height: auto; margin: 3px 5px 0 0; width: auto; }
.loginpanelinner span.forgot-password-error2 { color: #f00; font: 300 14px/20px "Open Sans", sans-serif; }
.demoaccount { text-align: center; }
.demoaccount p { font: 400 20px/30px "Open Sans", sans-serif; }
.demoaccount p strong { font-weight: 600; }
.demoaccount p span { color: #b10000; }
/* Login page css ends here */

/* Default page start here */

.right-header { float: right; width: auto; padding: 0 18px; text-align: right; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.right-header a { color: #eeb211; text-decoration: none; }
.right-header a:hover { text-decoration: underline }
.last-session { color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; padding-bottom: 10px; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; }
.last-session label { color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; }
.last-session select { display: inline-block; width: 44%; margin-left: 10px; }
.navicon { position: relative; margin: 15px 0 0 0 }
.navicon strong { color: #000; font: 400 14px/24px "Open Sans", sans-serif; display: inline-block; }
.navicon span { display: inline-block; cursor: pointer; color: #000; font: 400 14px/16px "Open Sans", sans-serif; }
.navicon span.a { font: 600 14px/16px "Open Sans", sans-serif; }
.navicon > a { color: #d9541e; font: 400 13px/16px "Open Sans", sans-serif; }
.navicon > a:hover { color: #000; }
.navicon span img { padding-left: 10px; opacity: .6; vertical-align: middle }
.navicon span:hover img { opacity: 1 }
.navicon ul { list-style: none; margin: 0; padding: 5px 0; position: absolute; width: 200px; text-align: left; right: -1px; top: 31px; display: inline-block; background: #fff; border: 0px solid #515151; border-bottom: 0; display: none; border-radius: 3px; max-height: 500px; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, .15); box-shadow: 0 3px 8px rgba(0, 0, 0, .3); z-index: 999; }
.navicon ul li { }
.navicon ul li.seperator { margin: 5px 7px 6px; border-bottom: 1px solid #e9eaed; }
.navicon ul li a { color: #000; font: 400 12px/20px "Open Sans", sans-serif; padding: 5px 22px; display: block; }
.navicon ul li a:hover { text-decoration: none; background: #002942; color: #fff }
.navicon ul:before { bottom: 100%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; left: 85%; margin-left: -20px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #fff; }
/*Left tabing start here*/
.left-tabing-sec { width: 45px; float: left; transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; background: #002b54; position: absolute; z-index: 99 }
.left-tabing-sec .toggle-navigate { background: #083f74; height: 45px; color: #fff; font-size: 0px; padding-left: 15px; text-transform: uppercase; position: relative; }
.left-tabing-sec .toggle-navigate span { width: 20px; height: 20px; position: absolute; right: 15px; top: 10px; background: url(../images/toggle-expand.png) no-repeat 0 0; cursor: pointer }
.left-tabing-sec .toggle-navigate span.expand { background: url(../images/toggle-colleps.png) no-repeat 0 0 }
.left-tabing-sec > ul { list-style: none; margin: 0; padding: 0 }
.left-tabing-sec > ul > li { border-bottom: 1px solid #eeb211; position: relative }
.left-tabing-sec > ul > li:last-child { border: 0 }
.left-tabing-sec > ul > li > a { display: block; width: 45px; padding: 0; color: #fff; background-image: url(../images/sprite-navigation.png); background-repeat: no-repeat; height: 45px; font-size: 0px; position: relative; z-index: 5; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; }
.left-tabing-sec > ul > li > a:hover, .left-tabing-sec > ul > li:hover > a { background-color: #eeb211; text-decoration: none; }
.left-tabing-sec > ul > li.active > a { background-color: #eeb211; color: #fff; font-weight: 700; }
.left-tabing-sec > ul > li:nth-child(1) > a { background-position: 0 0; }
.left-tabing-sec > ul > li:nth-child(2) > a { background-position: 0 -537px; }
.left-tabing-sec > ul > li:nth-child(3) > a { background-position: 0 -135px; }
.left-tabing-sec > ul > li:nth-child(4) > a { background-position: 0 -45px; }
/*.left-tabing-sec > ul > li:nth-child(5) > a { background-position:0 -225px; }*/
.left-tabing-sec > ul > li:nth-child(5) > a { background-position: 0 -315px; }
/*.left-tabing-sec > ul > li:nth-child(8) > a { background-position:0 -405px; }*/
.left-tabing-sec > ul > li:nth-child(6) > a { background-position: 0 -360px; }
.left-tabing-sec > ul > li:nth-child(7) > a { background-position: 0 -630px; }
.left-tabing-sec > ul > li:nth-child(8) > a { background-position: 0 -587px; }
.left-tabing-sec > ul > li:nth-child(9) > a { background-position: 0 -450px; }
.left-tabing-sec ul li:nth-child(9) ul.sub-menu { margin-top: -185px; }
.left-tabing-sec > ul > li span { width: 154px; background: #002b54; color: #fff; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; position: absolute; left: -250px; top: 0; padding: 1px 20px; color: #fff; font: 400 15px/45px 'Open Sans', sans-serif; z-index: 2; opacity: 0; visibility: hidden }
.left-tabing-sec > ul > li a:hover ~ span { left: 45px; opacity: 1; visibility: visible }
.left-tabing-sec > ul > li:nth-child(5) span { width: 200px; }
.openSlide.left-tabing-sec > ul > li span { display: none !important; }
.left-tabing-sec ul ul.sub-menu { list-style: none; margin: 0; width: 270px; position: absolute; right: -270px; background: #eeb211; z-index: 9999; display: none; transition: all .2s ease-out; -moz-transition: all .2s ease-out; -webkit-transition: all .2s ease-out; -o-transition: all .2s ease-out; top: 0; }
.left-tabing-sec ul ul.sub-menu li { border-bottom: 1px solid #c49108; }
.left-tabing-sec ul ul.sub-menu li a { display: block; padding: 0 20px; color: #fff; font: 400 13px/45px 'Open Sans', sans-serif; }
.left-tabing-sec ul ul.sub-menu li a:hover { background-color: #d09f1c; text-decoration: none; }
.left-tabing-sec ul li:hover ul.sub-menu { display: block; }
.openSlide.left-tabing-sec { width: 260px; }
.openSlide .toggle-navigate { font: 400 14px/45px 'Open Sans', sans-serif; }
.openSlide.left-tabing-sec > ul > li > a { padding: 0 15px 0 45px; width: auto; font: 400 14px/45px 'Open Sans', sans-serif; }
.left-tabing-sec.fixed { z-index: 9999; position: fixed; left: 0; top: 0px; }
.left-tabing-sec ul li:nth-child(7) ul.sub-menu { margin-top: -47px; }
.outer-breadcrum-sec { height: 40px; padding-right: 2%; vertical-align: top }
.breadcrumb { /*centering*/ display: inline-block; overflow: hidden; counter-reset: flag; padding: 0 !important; }
.breadcrumb a { text-decoration: none; outline: none; display: block; float: left; font-size: 14px; line-height: 40px; color: white; padding: 0 53px 0 30px; position: relative; }
.breadcrumb a:first-child { padding-left: 0; }
.breadcrumb a.active, .breadcrumb a:hover { /*background: #333; background: linear-gradient(#333, #000);*/ color: #eeb211; text-decoration: none }
.breadcrumb a:last-child { color: #eeb211; }
.breadcrumb a.active:after, .breadcrumb a:hover:after { /*background: #333; background: linear-gradient(135deg, #333, #000); */ }
.breadcrumb a:before { content: ''; position: absolute; top: 0; right: 0px; width: 40px; height: 40px; transform: scale(0.707) rotate(45deg); z-index: 1; background: #002942; box-shadow: 1px -1px 0 1px rgba(255, 255, 255, 0.1), 2px -2px 0 1px rgba(1, 51, 81, 0.6); border-radius: 0 5px 0 50px; }
.breadcrumb a:last-child::before { content: ''; position: absolute; top: 0; right: 0px; width: 0px; height: 0px; transform: scale(0.707) rotate(45deg); z-index: 1; background: none; box-shadow: 1px -1px 0 0px rgba(0, 0, 0, 0), 2px -2px 0 1px rgba(255, 255, 255, 0); border-radius: 0; }
/* ends here */
.body-content { padding: 20px; margin-left: 45px; transition: all .5s ease-out; -moz-transition: all .5s ease-out; -webkit-transition: all .5s ease-out; -o-transition: all .5s ease-out; }
.openSlideBody .body-content { margin-left: 260px; }
.inner-page-content { border: 1px solid #1a456e; float: left; width: 100%; border-radius: 10px 10px 0 0; min-height: 200px; }
.inner-heading-sec { background: #002942; border-bottom: 1px solid #1a456e; height: 40px; padding: 0 0 0 1%; border-radius: 8px 8px 0 0; }
.inner-heading-sec h1 { color: #fff; font: 700 20px/40px 'Open Sans', sans-serif; display: inline-block; vertical-align: top; margin-right: 2%; }
.inner-body-sec { float: left; width: 100%;}
.mcycleHome-rt { float: right; width: 51%; padding: 0 1% 0 0; }
.mcycleHome-lf { float: left; width: 48%; }
.inner-body-sec.defaultIcon ul { list-style: none; margin: 0; padding: 22px; float: left }
.inner-body-sec.defaultIcon ul li { display: inline-block; width: 168px; height: 165px; float: left; margin: 15px 0 15px 25px; border: 1px solid #f7f7f7; box-shadow: 0px 0px 1px #515151; text-align: center; background: #f7f7f7; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; vertical-align: top }
.inner-body-sec.defaultIcon ul li a { display: block; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; padding: 10px; }
.inner-body-sec.defaultIcon ul li span { text-align: center; display: inline-block; width: 90px; height: 75px; padding: 10px 0; opacity: .8; }
.inner-body-sec.defaultIcon ul li small { color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; text-decoration: none; display: block; }
.inner-body-sec.defaultIcon ul li:hover { box-shadow: 0px 0px 3px #666; border: 1px solid #515151; }
.inner-body-sec.defaultIcon ul li a:hover { text-decoration: none; }
.inner-body-sec.defaultIcon ul li:hover a span { opacity: 1; }
.inner-body-sec.defaultIcon ul li:hover a small { color: #002b54; text-decoration: none; }
.inner-body-sec.defaultIcon ul li a:hover small { text-decoration: none; }
.search-layout-sec { border: 1px solid #e1e0e0; margin: 20px 1%; border-radius: 10px 10px 0 0; }
.search-layout-sec .search-head { border-radius: 10px 10px 0 0; border-bottom: 1px solid #e1e0e0; background: -webkit-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: -moz-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: -ms-linear-gradient(90deg, #fefefe 12%, #f4f4f4 100%); background: linear-gradient(180deg, #fefefe 12%, #f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fefefe", endColorstr="#f4f4f4");
padding: 10px 0; }
.search-layout-sec .search-head h2 { color: #515151; font: 700 20px/24px "Open Sans", sans-serif; padding-left: 20px; }
.loginerrormsg { color: #f00; font: 400 16px/20px "Open Sans", sans-serif; }
.loginerrormsg .lblError { color: #ff9f9f; font: 600 16px/20px "Open Sans", sans-serif; }
/* Default page ends here */

/* Table design start*/

table.tableGrid { font: 400 12px/20px 'Open Sans', sans-serif; border: 1px solid #729ea5; text-align: left; color: #333333; border-bottom: 0; margin: 18px 1%; width: auto;min-width:50%;max-width:98%;margin:18px auto }
table.tableGrid.familymembership { margin-top: 0 }
table.tableGrid.familymembership td:nth-child(1) { width: 58.05%; padding-left: 5%; }
table.tableGrid.familymembership.GridView2 td{ padding-left:5px}
table.tableGrid.familymembership { border-top: 0 }
.outertableres.membersummery table.tableGrid { margin-bottom: 0; }
.outertableres.membersummery { margin-bottom: 20px; }
table.tableGrid tr td { font: 300 14px/20px 'Open Sans', sans-serif; border-right: 1px solid #729ea5; border-bottom: 1px solid #729ea5; padding: 5px; background: #d4e3e5; min-height: 30px; vertical-align: top; }
table.tableGrid tr.editrow td:nth-child(1), table.tableGrid tr.editrow td:nth-child(2) { background: #649ea6 }
table.tableGrid tr td:first-child { border-left: 0px solid #729ea5; }
table.tableGrid tr td:last-child { border-right: 0px solid #729ea5; }
table.tableGrid tr:nth-child(odd) td { background: #e5eaeb; }
table.tableGrid tr:nth-child(even) td { }
table.tableGrid tr:hover td { background: #ffffff; }
table.tableGrid th { font: 600 14px/20px 'Open Sans', sans-serif; background-color: #acc8cc; border-right: 1px solid #729ea5; border-bottom: 1px solid #729ea5; padding: 5px; text-align: left !important; }
table.tableGrid tr th:first-child { border-left: 0px solid #729ea5; }
table.tableGrid tr th:last-child { border-right: 0px solid #729ea5; }
table.tableGrid tr th a { color: #d9541e; }
table.tableGrid tr td a { color: #d9541e; }
table.tableGrid tr .delete_icon, table.tableGrid tr .edit_icon { width: 40px; text-align: center !important; }
table.tableGrid.manageClub tr th:first-child, table.tableGrid.manageClub tr td:first-child { display: none; }
table.innertable { width: 100%; }
table.innertable tr td { padding: 5px; }


/* ends here */

.add_new_btn a, .add_new_members a { display: inline-block; white-space: nowrap; background-color: #50b5f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#50b5f4), to(#3190cb)); background-image: -webkit-linear-gradient(top, #50b5f4, #3190cb); background-image: -moz-linear-gradient(top, #50b5f4, #3190cb); background-image: -ms-linear-gradient(top, #50b5f4, #3190cb); background-image: -o-linear-gradient(top, #50b5f4, #3190cb); background-image: linear-gradient(top, #50b5f4, #3190cb); font: 600 14px/30px 'Open Sans', sans-serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #337fed; color: #fff; padding: 0 15px 0 15px; text-shadow: 1px 1px 0px #1f3693; -webkit-box-shadow: inset 1px 1px 0px 0px #afdcec; -moz-box-shadow: inset 1px 1px 0px 0px #afdcec; box-shadow: inset 1px 1px 0px 0px #afdcec; margin: 2px 0 0 0 }
.add_new_btn a:hover, .add_new_members a:hover { background-color: #2898de; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3190cb), to(#50b5f4)); background-image: -webkit-linear-gradient(top, #3190cb, #50b5f4); background-image: -moz-linear-gradient(top, #3190cb, #50b5f4); background-image: -ms-linear-gradient(top, #3190cb, #50b5f4); background-image: -o-linear-gradient(top, #3190cb, #50b5f4); background-image: linear-gradient(top, #3190cb, #50b5f4); }
.add_new_btn a:focus, .add_new_members a:focus { outline: 0; background: #0073bb; }
.add_new_btn a:before, .add_new_members a:before { content: "\271A"; background: #2289c9; float: left; width: 25px; text-align: center; font: 700 20px/29px 'Open Sans', sans-serif; margin: 1px 10px 0 -14px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius: 8px 0px 0 8px; }
.add_new_members a { margin-top: 4px; }
.add_plus_btn, .add_new_btn { margin-right: 3%; margin-top: -41px; position: absolute; right: 0; text-align: left; }
.add_new_members { float: right; margin: 0 1% 2px; text-align: left; }
.add_new_btn span, .add_new_members span { display: inline-block; white-space: nowrap; background-color: #50b5f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#50b5f4), to(#3190cb)); background-image: -webkit-linear-gradient(top, #50b5f4, #3190cb); background-image: -moz-linear-gradient(top, #50b5f4, #3190cb); background-image: -ms-linear-gradient(top, #50b5f4, #3190cb); background-image: -o-linear-gradient(top, #50b5f4, #3190cb); background-image: linear-gradient(top, #50b5f4, #3190cb); font: 600 14px/30px 'Open Sans', sans-serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #337fed; color: #fff; padding: 0 15px 0 15px; text-shadow: 1px 1px 0px #1f3693; -webkit-box-shadow: inset 1px 1px 0px 0px #afdcec; -moz-box-shadow: inset 1px 1px 0px 0px #afdcec; box-shadow: inset 1px 1px 0px 0px #afdcec; margin: 2px 0 0 0 }
.add_new_btn span:hover, .add_new_members span:hover { background-color: #2898de; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3190cb), to(#50b5f4)); background-image: -webkit-linear-gradient(top, #3190cb, #50b5f4); background-image: -moz-linear-gradient(top, #3190cb, #50b5f4); background-image: -ms-linear-gradient(top, #3190cb, #50b5f4); background-image: -o-linear-gradient(top, #3190cb, #50b5f4); background-image: linear-gradient(top, #3190cb, #50b5f4); }
.add_new_btn span:focus, .add_new_members span:focus { outline: 0; background: #0073bb; }
.add_new_btn span:before, .add_new_members span:before { content: "\271A"; background: #2289c9; float: left; width: 25px; text-align: center; font: 700 20px/29px 'Open Sans', sans-serif; margin: 1px 10px 0 -14px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius: 8px 0px 0 8px; }
.add_new_btn span input[type=submit], .add_new_members span input[type=submit] { background: none; border: 0; border-radius: 0; padding: 0; margin: 0; background-image: none; text-shadow: 1px 1px 0px #1f3693; box-shadow: inset 0px 0px 0px 0px #afdcec; font: 600 14px/30px 'Open Sans', sans-serif; color: #fff; }
.add_new_btn span input[type=submit]:hover, .add_new_members span input[type=submit]:hover { background: none; text-decoration: none }
.add_plus_btn { margin-right: 3%; margin-top: -41px; position: absolute; right: 0; text-align: left; }
.add_plus_btn { display: inline-block; white-space: nowrap; background-color: #50b5f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#50b5f4), to(#3190cb)); background-image: -webkit-linear-gradient(top, #50b5f4, #3190cb); background-image: -moz-linear-gradient(top, #50b5f4, #3190cb); background-image: -ms-linear-gradient(top, #50b5f4, #3190cb); background-image: -o-linear-gradient(top, #50b5f4, #3190cb); background-image: linear-gradient(top, #50b5f4, #3190cb); font: 600 14px/30px 'Open Sans', sans-serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #337fed; color: #fff; padding: 0; text-shadow: 1px 1px 0px #1f3693; -webkit-box-shadow: inset 1px 1px 0px 0px #afdcec; -moz-box-shadow: inset 1px 1px 0px 0px #afdcec; box-shadow: inset 1px 1px 0px 0px #afdcec; }
.add_plus_btn:hover { background-color: #2898de; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3190cb), to(#50b5f4)); background-image: -webkit-linear-gradient(top, #3190cb, #50b5f4); background-image: -moz-linear-gradient(top, #3190cb, #50b5f4); background-image: -ms-linear-gradient(top, #3190cb, #50b5f4); background-image: -o-linear-gradient(top, #3190cb, #50b5f4); background-image: linear-gradient(top, #3190cb, #50b5f4); }
.add_plus_btn:focus { outline: 0; background: #0073bb; }
.add_plus_btn::before { content: "\271A"; position: absolute; left: 1px; top: 0; background: #2289c9; width: 25px; text-align: center; font: 700 20px/29px 'Open Sans', sans-serif; margin: 1px 10px 0 0; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius: 8px 0px 0 8px; }
.add_plus_btn input[type=submit] { background: none; border: 0; border-radius: 0; padding: 0 15px 0 46px; margin: 0; background-image: none; text-shadow: 1px 1px 0px #1f3693; box-shadow: inset 0px 0px 0px 0px #afdcec; font: 600 14px/30px 'Open Sans', sans-serif; color: #fff; }
.add_plus_btn.member { margin: 2px 2% 2px; }
/*.plus::before {  content: "\271A"; background: #2289c9; float: left; width: 25px; text-align: center; font:700 20px/29px 'Open Sans', sans-serif; margin:1px 10px 0 -14px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius:8px 0px 0 8px; }
.plusinput[type=submit]{ background:none; border:0;border-radius: 0; padding:0; margin:0; background-image:none; text-shadow: 1px 1px 0px #1f3693; box-shadow: inset 0px 0px 0px 0px #afdcec; font: 600 14px/30px 'Open Sans', sans-serif; color:#fff;}*/
/* Table design ends*/


/* Search section start here */

.search-layout-sec .search-body { padding: 5px 20px; }
.search-layout-sec .search-body .search-body-colem { float: left; width: 26%; vertical-align: top }
.search-layout-sec .search-body .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width: 26%; }
.search-layout-sec .search-body .search-row { padding: 10px 0; float: left; width: 100%; }
.search-layout-sec .search-body .search-row label { width: 30%; float: left; vertical-align: middle; font: 400 14px/30px "Open Sans", sans-serif; color: #000; }
.search-layout-sec .search-body .search-row input[type=text] { width: 60%; float: left; vertical-align: middle }
.search-layout-sec .search-body .search-row select { width: 62%; float: left; vertical-align: middle }
.search-layout-sec .search-body-btn-colem { float: left; width: 9%; }
.search-layout-sec .search-body-btn-colem .search-btn { width: 98%; }
.search-layout-sec .search-body .search-row label ~ span { color: #f00; font: 400 13px/20px "Open Sans", sans-serif; float: left; }
.search-layout-sec .search-body .search-row span.searchinvoice { color: #454545; font: 400 13px/20px "Open Sans", sans-serif; display: block; width: 100%; }
.search-layout-sec .search-body .search-row table { padding: 0; margin: 0; width: auto; }
.search-layout-sec .search-body .search-row table td { width: 33%; }
.search-layout-sec .search-body .search-row table td label { width: 50%; float: none; position: relative; padding-left: 10px; cursor: pointer }
.search-layout-sec .search-body .search-row table td input[type="checkbox"], .search-layout-sec .search-body .search-row table td input[type="radio"] { width: 24px; height: 26px; position: relative; z-index: 10; opacity: 0; vertical-align: middle; }
.search-layout-sec .search-body .search-row table td input[type="radio"] { height: 22px; width: 22px; }
.search-layout-sec .search-body .search-row table td input + label:before { content: " "; background: url(../images/checkboxa.png) no-repeat left -2px; width: 24px; height: 30px; position: absolute; left: -24px; top: 0; display: inline-block; z-index: 1; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:before { top: -6px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:before { background-position: left -3px; }
.search-layout-sec .search-body .search-row table td input[type="radio"] + label:before { background-position: -36px -3px; }
/* HOVER STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:hover + label:before, .search-layout-sec .search-body .search-row table td input[type="checkbox"] + label:hover:before { background-position: left -34px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:focus + label:before { background-position: left -65px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:hover + label:before, .search-layout-sec .search-body .search-row table td input[type="radio"] + label:hover:before { background-position: -36px -34px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:focus + label:before { background-position: -36px -65px; }
/* CHECKED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked + label:before { background-position: left -133px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:hover:checked + label:before, .search-layout-sec .search-body .search-row table td input[type="checkbox"]:focus:checked + label:before { background-position: left -166px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:active:checked + label:before { background-position: left -199px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked + label:before { background-position: -36px -133px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:hover:checked + label:before, .search-layout-sec .search-body .search-row table td input[type="radio"]:focus:checked + label:before { background-position: -36px -166px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:active:checked + label:before { background-position: -36px -199px; }
/* DISABLED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
/* DISABLED STYLES */
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:disabled + label:before { background-position: left -96px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:disabled + label:before { background-position: -36px -96px; }
.search-layout-sec .search-body .search-row table td input[type="checkbox"]:checked:disabled + label:before { background-position: left -232px; }
.search-layout-sec .search-body .search-row table td input[type="radio"]:checked:disabled + label:before { background-position: -36px -232px; }
.search-layout-sec .search-body-btn-colem .search_btn_icon input[type=submit] { display: inline-block; white-space: nowrap; font-size: 16px; color: #fff; padding: 0 0 0 28px; margin: 2px 0 0 0; position: relative; width: 90%; }
.search-layout-sec .search-body-btn-colem .search_btn_icon { position: relative; margin: 8px 0; padding: 0 !important; }
.search-layout-sec .search-body-btn-colem .search_btn_icon:before { position: absolute; left: 0; top: 0; z-index: 1; content: "\f002"; background: rgba(0, 0, 0, .2); float: left; width: 25px; text-align: center; font: 600 18px/30px 'FontAwesome', sans-serif; margin: 3px 10px 0 2px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius: 8px 0px 0 8px; color: #fff }
.search-layout-sec .search-body-btn-colem .cancel-search-btn { text-shadow: 1px 1px 0px #474343; width: 98%; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(180deg, #58595a 5%, #61676d 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#58595a", endColorstr="#61676d");
border: 1px solid #0F0F0F; }
.search-layout-sec .search-body-btn-colem .cancel-search-btn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
.search-layout-sec .search-body-btn-colem .search_btn_icon.search_cancel_btn:before { content: "\f00d"; }
/* ends here*/

/* Form design start here */
.formsection { border: 1px solid #e1e0e0; border-bottom: 0px solid #e1e0e0; }
.colem { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #e1e0e0; }
.row { vertical-align: top; position: relative; font: 400 14px/40px "Open Sans", sans-serif; display: table-cell; }
.row h4 { background: #eaeaea; color: #000; font: 400 16px/40px "Open Sans", sans-serif; padding: 0 1%; }
.row label .mandatary_sign { color: #f00; font: 600 14px/40px "Open Sans", sans-serif; }
.row label { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display: inline-block; text-align: right; margin-right: 1%; width: 38.5%; padding: 0 1%; background: #f7f7f7; border-right: 1px solid #e1e0e0; vertical-align: top; }
.row input[type="text"], .row input[type="password"], .row input[type="number"], .row input[type="file"] { width: 38%; display: inline-block; vertical-align: middle; }
.row select { width: 40%; display: inline-block; vertical-align: middle; }
.row textarea { width: 38%; display: inline-block; vertical-align: middle; margin: 5px 0 0 0; }
.row input[type="text"].color, .row input[type="text"].color1 { width: 12%; }
.btngroup { text-align: center; margin: 20px 0; }
.btngroup a { font: 700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding: 0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height: 32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
.btngroup a:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration: none; }
.btngroup a:active { position: relative; top: 1px; }
.btngroup a.cancelbtn, .btngroup input[type=submit].cancelbtn { text-shadow: 1px 1px 0px #474343; -webkit-box-shadow: inset 1px 1px 0px 0px #B5B5B5; -moz-box-shadow: inset 1px 1px 0px 0px #B5B5B5; box-shadow: inset 1px 1px 0px 0px #B5B5B5; background: -webkit-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -moz-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: -ms-linear-gradient(90deg, #92989E 5%, #1A1B1C 100%); background: linear-gradient(180deg, #1A1B1C 5%, #92989E 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1A1B1C", endColorstr="#92989E");
border: 1px solid #0F0F0F; }
.btngroup a.cancelbtn:hover, .btngroup input[type=submit].cancelbtn:hover { background: -webkit-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -moz-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: -ms-linear-gradient(90deg, #1A1B1C 5%, #92989E 100%); background: linear-gradient(180deg, #92989E 5%, #1A1B1C 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#92989E", endColorstr="#1A1B1C");
}
/* Form design ends here */
.Indemnity label { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display: block; text-align: left; padding: 0 .5%; background: #f7f7f7; vertical-align: top; }
.Indemnity label .mandatary_sign{ font:600 14px/40px "Open Sans", sans-serif; color:#f00}
.addeditclass .row.meminfo label { text-align: right; }
.Indemnity { position:relative;}
.add-emergencycontact-popsec .add-emergencycontact-colem .Indemnity label{ width:96%; text-align:left; margin:0; border:1px solid #e1e0e0; border-bottom:0}
.Indemnity > div.requiredinp { width: 100%;vertical-align: top; display: inline-block; margin:0; }
.Indemnity label > small{color: #f00;font: 600 14px/40px "Open Sans", sans-serif;}
/* edit club start here */
.editclub { margin: 20px 18px; width: 98%; }
.addeditclass .colem { display: table; width: 100%; table-layout: fixed; border-bottom: 1px solid #e1e0e0; }
.addeditclass .row { vertical-align: top; position: relative; font: 400 14px/40px "Open Sans", sans-serif; display: table-cell; }
.addeditclass .row h4 { background: #eaeaea; color: #000; font: 400 16px/40px "Open Sans", sans-serif; padding: 0 1%; }
.addeditclass .row label > small { color: #f00; font: 600 14px/40px "Open Sans", sans-serif; }
.addeditclass .row label { width: 38.5%; }
.addeditclstxtbig.addeditclass .row label { width:43.5%; }
.addeditclass .row textarea { width: 38%; display: inline-block; vertical-align: middle; margin: 3px 0; height: 100px; }
.addeditclass .row.textarearow label { height: 118px; }
.addeditclass .clubfckeditor .row > div { margin: 4px 1%; }
.addeditclass .clubfckeditor .row > label { margin-right: 0%; width: 98%; text-align: left; border-right: 0px solid #e1e0e0; border-bottom: 1px solid #e1e0e0; }
/* ends here */

.addeditcusfieldT { margin: 20px 1%; }
.addeditcusfieldT .row label { width: 22%; }
.addeditcusfieldT .row input[type=text], .addeditcusfieldT .row input[type=file] { width: 20%; }
.addeditcusfieldT .row select { width: 22%; }
.addeditcusfieldT .row input[type=text].smaldate { width: 20%; }
.addeditcusfieldT .row select.smaldate { width: 12%; }
.addeditcusfieldT .row textarea { width: 38%; display: inline-block; vertical-align: middle; margin: 3px 0; height: 100px; }
.addeditcusfieldT .row.textarearow label { height: 118px; }
.addeditcusfieldT .row > div.requiredinp input[type="text"] { width: 42%; }
.row.question-type label { height: 113px; }
.radio-table { display: inline-block; width: 30%; }
.radio-table table { width: 100%; }
.row.question-type .radio-table label { width: auto; background: no-repeat; border: 0; font: 400 14px/30px "Open Sans", sans-serif; height: 100%; }
.radio-table input[type=radio] { margin: 8px 10px 0 0 }
.addeditcusfieldT .dlstDropDownDetail label { margin: 0 }
.dlstDropDownDetail .member-colem { border-bottom: 1px solid #e1e0e0; display: table; width: 100%; }
.member-row { position: relative; vertical-align: middle; display: table-row; }
.member-row label { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display: table-cell; text-align: right; margin-right: 1%; width: 22.15%; padding: 0 1%; background: #f7f7f7; border-right: 1px solid #e1e0e0; vertical-align: top; }
.datarepeatout { display: table-cell; position: relative; width: 70%; }
.categoryadd { padding: 5px 1%; background: #f7f7f7; border-bottom: 1px solid #e1e0e0 }
.categoryadd span { color: #000; display: inline-block; font: 600 14px/40px "Open Sans", sans-serif; padding: 0 2% 0 0; position: relative; width: 48% }
.categoryadd a { display: inline-block; white-space: nowrap; background-color: #50b5f4; background-image: -webkit-gradient(linear, left top, left bottom, from(#50b5f4), to(#3190cb)); background-image: -webkit-linear-gradient(top, #50b5f4, #3190cb); background-image: -moz-linear-gradient(top, #50b5f4, #3190cb); background-image: -ms-linear-gradient(top, #50b5f4, #3190cb); background-image: -o-linear-gradient(top, #50b5f4, #3190cb); background-image: linear-gradient(top, #50b5f4, #3190cb); font: 600 14px/30px 'Open Sans', sans-serif; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border: 1px solid #337fed; color: #fff; padding: 0 15px 0 15px; text-shadow: 1px 1px 0px #1f3693; -webkit-box-shadow: inset 1px 1px 0px 0px #afdcec; -moz-box-shadow: inset 1px 1px 0px 0px #afdcec; box-shadow: inset 1px 1px 0px 0px #afdcec; margin: 2px 0 0 0 }
.categoryadd a:hover { background-color: #2898de; text-decoration: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#3190cb), to(#50b5f4)); background-image: -webkit-linear-gradient(top, #3190cb, #50b5f4); background-image: -moz-linear-gradient(top, #3190cb, #50b5f4); background-image: -ms-linear-gradient(top, #3190cb, #50b5f4); background-image: -o-linear-gradient(top, #3190cb, #50b5f4); background-image: linear-gradient(top, #3190cb, #50b5f4); }
.categoryadd a:focus { outline: 0; background: #0073bb; }
.categoryadd a:before { content: "\271A"; background: #2289c9; float: left; width: 25px; text-align: center; font: 700 20px/29px 'Open Sans', sans-serif; margin: 1px 10px 0 -14px; padding: 0 5px; -moz-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); box-shadow: 1px 0 0 rgba(0,0,0,.3), 2px 0 0 rgba(255,255,255,.3); pointer-events: none; border-radius: 8px 0px 0 8px; }
.datarepeatinp { margin: 5px 0; padding-left: 1%; width: 62%; }
.datarepeatinp table tr td input[type=text] { width: 90%; }
.errormsg { padding: 0 }
.succcessmsg { color: #087e19; font: 400 14px/20px "Open Sans", sans-serif; padding: 10px 1%; display: inline-block; }
.errorMsg, .membererrormsg { color: #f00; font: 400 14px/20px "Open Sans", sans-serif; padding: 10px 1%; display: inline-block; }
.uploadmembererror .membererrormsg { font: 400 20px/30px "Open Sans", sans-serif; }
/* Members page start here */

/* Member info form css start here */
.outer-member-list { border: 1px solid #e1e0e0; padding: 0; border-radius: 10px 10px 0 0; width: 100%; margin: 0 0 20px 0; }
.member-info-sec { margin: 20px 0 0; }
.member-left-table { width: 47.7%; display: inline-block; vertical-align: top; margin: 0 0 0 1%; }
.member-right-table { width: 49%; display: inline-block; vertical-align: top; margin: 0 0 0 1%; }
.qualification-detail-list-table { border-bottom: 0; }
.setvalidatorlist .member-left-table { width: 49.7%; margin: 0; }
.member-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #e1e0e0; border-radius: 10px 10px 0 0; padding: 10px 0; }
.member-heading h2 { color: #000; font: 600 18px/24px "Open Sans", sans-serif; padding: 0 1.5%; display: inline-block }
.qualification-detail-list-colem { }
.qualification-detail-row { border-bottom: 1px solid #e1e0e0; vertical-align: middle; position: relative }
.qualification-detail-row label { color: #000; font: 400 14px/40px "Open Sans", sans-serif; display: inline-block; text-align: right; margin-right: 1%; width: 29%; padding: 0 1%; background: #f7f7f7; border-right: 1px solid #e1e0e0; vertical-align: top }
.qualification-detail-row > label > span{ color:#f00; font: 400 14px/40px "Open Sans", sans-serif;}
.qualification-detail-row > span { color: #000; font: 400 14px/40px "Open Sans", sans-serif; }
.qualification-detail-row.subject-error-msg > span { color: #f00; font: 300 12px/20px "Open Sans", sans-serif; text-align: center; width: 100%; float: left; margin: 5px 0; }
.qualification-detail-row label> span.mendtory { color: #f00; font: 400 14px/40px "Open Sans", sans-serif; }
.qualification-detail-row select { width: 48.3%; display: inline-block; margin: 5px 0 0 0 }
.qualification-detail-row input[type="text"], .qualification-detail-row input[type="password"], .qualification-detail-row input[type="file"] { width: 46%; display: inline-block; margin: 5px 0 0 0 }
.qualification-detail-row.smlselect select { width: 20%; }
.qualification-detail-row.smlselect input[type=text] { width: 18%; }
.qualification-detail-row.Vsmlselect input[type=text] { width: 10%; }
.qualification-detail-row.textarea textarea { width: 46%; display: inline-block; margin: 3px 0; height: 100px; }
.qualification-detail-row.textarea label { height: 118px; }
.qualification-detail-row > div.requiredinp { width: 50%; position: relative; vertical-align: top; display: inline-block }
.qualification-detail-row > div.requiredinp input[type=text] { width: 94%; }
.qualification-detail-row > div.requiredinp textarea { width: 94%; }
.qualification-detail-row > div.requiredinp select { width: 96.4%; }
.row > div.requiredinp { width: 50%; position: relative; vertical-align: top; display: inline-block; margin: 4px 0 0 0; }
.row > div.requiredinp input[type=text] { width: 79%; }
.row > div.requiredinp select { width: 81.4%; }
.row > div.requiredinp input[type=text].smlinp { width: 30%; }
.row > div.requiredinp select.smlinp { width: 32%; }
.colem.smlinp .row > input[type=text] { width: 14%; }
.search-row div.requiredinp { width: 50%; position: relative; vertical-align: top; display: inline-block; margin: 4px 0 0 0; }
.search-row .memberreportcolem div.requiredinp { width: 100%; }
.search-row div.requiredinp input[type=text] { width: 79%; }
.search-row div.requiredinp select { width: 81.4%; }
.search-row div.requiredinp input[type=text].smlinp { width: 30%; }
.search-row div.requiredinp select.smlinp { width: 32%; }

.tableGridmember div.requiredinp { width: 50%; position: relative; vertical-align: top; display: inline-block }
.tableGridmember div.requiredinp input[type=text] { width: 94%; }
.tableGridmember div.requiredinp textarea { width: 94%; }
.tableGridmember div.requiredinp select { width: 96.4%; }


/*.colem.smlinp .row > input[type=text]{ width:14%;}*/


.rptrTabs { max-width: 50%; margin: 0 9px; }
.requiredField { font: 400 14px/18px 'Open Sans', sans-serif; color: #f00; margin-left: 14px; }
.qualification-detail-row > span.poprequiredField { font: 400 12px/18px 'Open Sans', sans-serif; color: #f00; margin-left: 14px; }
.qualification-detail-row.smlselect > div.requiredinp select { width: 40.5%; }
.qualification-detail-row.smlselect > div.requiredinp input[type=text] { width: 38% }
.qualification-detail-list-colem:last-child .qualification-detail-row { border-bottom: 0 }
.member-btn-group { text-align: center; margin: 0 0 20px 0 }
.coaches-checkbox-information label { float: left; }
.coaches-checkbox-information input[type=checkbox] { margin: 15px 0 0 5px }
/* Members page ends here */

/* Ajex calender start here */
.MyCalendar .ajax__calendar_container { border: 1px solid #646464; background-color: lemonchiffon; color: red; }
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year { color: black; }
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: black; }
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year { color: black; font-weight: bold; }
/* ends here */

/* edit event tabing start here  */
.editTabingOuter { }
.editTabingHeader { margin: 20px 18px 0px 0px; background: linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; background: -moz-linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; background: -webkit-linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; border: 1px solid #e1e0e0; border-bottom: 0; border-radius: 10px 10px 0 0; }
.editTabingHeader ul { list-style: none; margin: 0; padding: 0 }
.editTabingHeader li { float: left; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-right: 1px solid #d2d0d0; box-shadow: 0 0 0px #515151; background: none; }
.editTabingHeader li a { color: #000; font: 400 14px/28px "Open Sans", sans-serif; padding: 10px 5px 9px; float: left; border: 0; border-right: 0px solid #d2d0d0; border-bottom: 1px solid #e1e0e0; text-transform: none; text-align: center }
.editTabingHeader li:hover { border: 0; box-shadow: 0 0 0px #666; border-right: 0px solid #d2d0d0; }
.editTabingHeader li a:hover { background: linear-gradient(180deg, #e5e4e4 12%, #c5c2c2 100%) repeat 0 0; background: -moz-linear-gradient(180deg, #e5e4e4 12%, #c5c2c2 100%) repeat 0 0; background: -webkit-linear-gradient(180deg, #e5e4e4 12%, #c5c2c2 100%) repeat 0 0; border: 0; border-right: 0px solid #d2d0d0; box-shadow: 0 0 0px #666; text-decoration: none; }
.editTabingHeader ul li:first-child a { border-radius: 10px 0 0 0; }
.editTabingHeader ul li:last-child a { border-radius: 0 0 0 0; }
.editTabingHeader ul li a.active { background: #fff; border-bottom: 1px solid #fff; }
.editTabingHeader ul li.active a { background: #fff; border-bottom: 1px solid #fff; }
.editTabingHeader ul li a:hover { background: linear-gradient(180deg, #e5e4e4 12%, #c5c2c2 100%) repeat 0 0; border: 0; box-shadow: 0 0 0px #666; text-decoration: none; }
.editTabingHeader ul li a.active:hover { background: #fff; border-bottom: 1px solid #fff; }
.editTabingHeader ul li.active a:hover { background: #fff; border-bottom: 1px solid #fff; }
.editTabingHeader ul li:hover { border: 0; box-shadow: 0 0 0px #666; border-right: 1px solid #d2d0d0; }
/* edit event tabing ends here  */

.no-record-found { padding: 0 1%; }
.editmembercorres { margin: 20px 1% 0; border: 1px solid #e1e0e0; border-bottom: 0 }
.editmembercorres .qualification-detail-list-colem { border-bottom: 1px solid #e1e0e0 }
.editmembercorres .qualification-detail-row { display: inline-block; width: 49%; border-bottom:0px}
.correspondence-checkboxgroup { display: inline-block; position: relative; }
.correspondence-checkboxgroup table { width: 100%; }
.correspondence-checkboxgroup tr td label { background: none; border: 0; float: left; width: auto; margin: 0 0 0 15px; padding: 0; font: 400 14px/30px "Open Sans", sans-serif }
.correspondence-checkboxgroup tr td input[type=radio],.correspondence-checkboxgroup tr td input[type=checkbox] { margin-left: 3px; margin-top: 8px; }
.correspondence-checkboxgroup > span { font: 400 12px/20px "Open Sans", sans-serif; }
.fck-editor-sec { margin: 5px 1%; width: 98%; }
.editmembercorbtn { margin: 20px 0 }
table.table { font: 400 14px/20px "Open Sans", sans-serif; color: #000; margin: 20px 1%; text-align: left; width: 98%; border: 1px solid #e1e0e0; }
table.table tr td { padding: 5px; }
/* pop css start here */
.Overlay { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; overflow: hidden; padding: 0; margin: 0; background-color: #000; filter: alpha(opacity=50); opacity: 0.5; z-index: 1000; }
.modalBackground { opacity: 0.7 !important; background: #000 !important }
.PopUpPanel { position: absolute; background-color: #fff; top: 419px; left: 3%; z-index: 2001; padding: 10px; min-width: 450px; max-width: 700px; -moz-box-shadow: 3.5px 4px 5px #000000; -webkit-box-shadow: 3.5px 4px 5px #000000; box-shadow: 3.5px 4px 5px #000000; border-radius: 5px; -moz-border-radiux: 5px; -webkit-border-radiux: 5px; border: 1px solid #CCCCCC; }
.paymentPop { max-width: 700px; }
.popup-msg { font: 300 14px/18px "Open Sans", sans-serif; padding: 10px }
.ajax__validatorcallout, .ajax__validatorcallout_popup_table { width: 300px; }
.add-emergencycontact-popsec { }
.add-emergencycontact-popsec .add-emergencycontact-colem { position: relative; border-top: 1px solid #e1e0e0; }
.add-emergencycontact-popsec .add-emergencycontact-colem label { display: inline-block; width: 28%; margin-right: 2%; background: #f7f7f7; border-right: 1px solid #e1e0e0; color: #000; font: 400 14px/40px "Open Sans", sans-serif; padding: 0 2%; text-align: right; vertical-align: top; }
.add-emergencycontact-popsec .add-emergencycontact-colem > input ~ span { color: #f00; font: 400 13px/20px "Open Sans", sans-serif; }
.add-emergencycontact-popsec .add-emergencycontact-colem label > small { color: #f00; font: 400 14px/40px "Open Sans", sans-serif; }
.add-emergencycontact-popsec input[type="text"] { width: 62%; }
.add-emergencycontact-popsec select { width: 64%; }
.add-emergencycontact-popsec textarea { width: 62%; }
.add-emergencycontact-popsec .add-emergencycontact-colem.member-pop-desc label { vertical-align: top; height: 115px; }
.member-popsec.add-emergencycontact-popsec .add-emergencycontact-colem label { width: 42%; }
.member-popsec.add-emergencycontact-popsec input[type="text"] { width: 48%; }
.member-popsec.add-emergencycontact-popsec select { width: 50%; }
.member-popsec.add-emergencycontact-popsec textarea { width: 48%; height: 100px; }
.member-popsec.add-emergencycontact-popsec .add-emergencycontact-colem span { color: #f00; font: 600 14px/40px "Open Sans", sans-serif; }
.member-popsec.add-emergencycontact-popsec .add-emergencycontact-colem > span { color: #f00; font: 400 12px/16px "Open Sans", sans-serif; margin-bottom: 5px; padding-left: 49%; width: 40%; }
.add-emergencycontact-popsec .add-emergencycontact-colem:first-child { border: 0 }
.add-emergencycontact-popsec .add-emergencycontact-colem:last-child { padding: 5px 0 }
.add-emergencycontact-popsec .add-emergencycontact-colem.last:last-child { padding: 0 }
.reportTablesec { margin: 20px 1%; }
.reportTablesec ul { list-style: none; margin: 0; padding: 0 }
.reportTablesec ul li { font: 400 14px/30px "Open Sans", sans-serif; margin: 5px 0 }
.reportTablesec ul li a { font: 400 14px/32px "Open Sans", sans-serif; display: inline-block; padding-left: 42px; color: #000; position: relative; background: url('../images/reportIcon.png') no-repeat 0 0; }
.reportTablesec ul li a:hover { color: #eeb211 }
.tab_contents{ display:none;}
.tab_contents_active {display: block;}
.commingsoon { min-height: 500px; margin: 20px 1%; }
.commingsoon h2 { font: 600 24px/40px "Open Sans", sans-serif; color: #000; }
.addeditcustom { margin: 20px 1%; width: 98%; }
.addeditcustomTable { padding: 5px 1%; }
.addeditcustomTable table { width: 35%; }
.addeditcustomTable table tr th { padding: 5px 0; text-align: left; }
.addeditcustomTable table tr td { padding: 5px 0 }
.addeditcustom .qualification-detail-row input[type="text"] { width: 16%; }
.addeditcustom .qualification-detail-row select { width: 18%; }
.userlogin { border: 1px solid #e1e0e0; border-bottom: 0; margin: 20px 1%; }
.addeditclass .loginname .row label { width: 19.25%; padding: 0 .5%; margin-right: .4% }
.addeditclass .loginname .row input[type=text] { width: 18.3% }
.addeditclass .loginname .row > span.loginerror { font: 400 13px/32px "Open Sans", sans-serif; }
.addeditclass .loginname .row input[type=password] { width: 28.3% }
.editcorrespondence { margin: 20px 1%; border: 1px solid #e1e0e0; }
.editcorrespondence label { width: 18%; margin-right: .5%; padding: 0 .5%; }
.editcorrespondence input[type=text], .editcorrespondence input[type=password] { width: 20%; }
.editcorrespondence select { width: 22%; }
.editmembercorres .subject-text-msg p { display: inline-block; width: 51%; margin: 5px 0; font: 400 14px/22px "Open Sans", sans-serif; color: #000; }
.editmembercorres .subject-text-msg label { height: 186px; }
.editmembercorres .cke_chrome { margin: 5px; }
/* *** Correspondence Setting start here  ** */ 
.tabcorrespondence > div:first-child { margin: 20px 1% 20px 1%; background: linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; background: -moz-linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; background: -webkit-linear-gradient(180deg, #f2efef 12%, #dbd8d7 100%) repeat 0 0; border: 1px solid #e1e0e0; border-bottom: 0; height: 48px; border-radius: 10px 10px 0 0; }
.tabcorrespondence > div:first-child span.ajax__tab_inner { float: left; width: auto; height: auto; margin: 0; padding: 0; border: 0; border-right: 1px solid #d2d0d0; box-shadow: 0 0 0px #515151; background: none; cursor: pointer }
.tabcorrespondence > div:first-child span.ajax__tab_inner > span { color: #000; font: 400 14px/28px "Open Sans", sans-serif; padding: 10px 15px 9px; float: left; border: 0; border-bottom: 1px solid #e1e0e0; }
.tabcorrespondence > div:first-child span.ajax__tab_active span.ajax__tab_inner> span { background: #fff; border-bottom: 1px solid #fff; }
.member-tabing-sec ul li a:hover { background: linear-gradient(180deg, #e5e4e4 12%, #c5c2c2 100%) repeat 0 0; border: 0; box-shadow: 0 0 0px #666; text-decoration: none; }
.tabcorrespondence > div:first-child span.ajax__tab_hover span.ajax__tab_inner> span:hover { background: #fff; border-bottom: 1px solid #fff; }
.member-tabing-sec ul li:hover { border: 0; box-shadow: 0 0 0px #666; border-right: 1px solid #d2d0d0; }
.tabcorrespondence > div:first-child span.ajax__tab_active:first-child span.ajax__tab_inner> span, .tabcorrespondence > div:first-child span.ajax__tab_hover:first-child span.ajax__tab_inner> span { border-radius: 10px 0 0 0; }
.member-tabing-sec ul li:last-child span.ajax__tab_inner { border-radius: 0 0 0 0; }
/* *** Correspondence Setting ends here  ** */

/* user login start here */
.qualification-detail-row.coaches-checkbox-information { width: 100% }
.qualification-detail-row.activechk label { float: left; }
.qualification-detail-row.activechk input[type=checkbox] { margin: 15px 0 0 5px }
.chkEventClass { width: 100%; }
.chkEventClass tr td { border-bottom: 1px solid #e1e0e0; border-right: 1px solid #e1e0e0; }
.chkEventClass tr td:last-child { border-right: 0px; }
.chkEventClass tr:last-child td { border-bottom: 0px; }
.chkEventClass tr td label { background: none; border: 0; width: 86%; text-align: left; }
/* ends here */

/* setting page start her */

.inner-body-sec.settings-sec ul { list-style: none; margin: 0; padding: 22px; float: left }
.inner-body-sec.settings-sec ul li { display: inline-block; width: 190px; height: 165px; float: left; margin: 22px; border: 1px solid #f7f7f7; box-shadow: 0px 0px 1px #515151; text-align: center; background: #f7f7f7; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; vertical-align: top }
.inner-body-sec.settings-sec ul li a { display: block; transition: all .7s ease-out; -moz-transition: all .7s ease-out; -webkit-transition: all .7s ease-out; -o-transition: all .7s ease-out; padding: 10px; }
.inner-body-sec.settings-sec ul li a span { text-align: center; display: inline-block; width: 90px; height: 75px; padding: 10px 0; opacity: .8; }
.inner-body-sec.settings-sec ul li a small { color: #000000; text-decoration: none; display: block; font: 400 14px/22px 'Open Sans', sans-serif }
.inner-body-sec.settings-sec ul li:hover { box-shadow: 0px 0px 3px #666; border: 1px solid #515151; }
.inner-body-sec.settings-sec ul li a:hover { text-decoration: none; }
.inner-body-sec.settings-sec ul li:hover a span { opacity: 1; }
.inner-body-sec.settings-sec ul li:hover a small { color: #002b54; text-decoration: none; }
.inner-body-sec.settings-sec ul li a:hover small { text-decoration: none; }
/* ends here */

/* make new payment start here */

.makenewpay { margin: 20px 1%; }
.jump-order { margin: 0; }
.jump-order table { margin: 0; width: 100%; }
.jumps-order-sec { padding: 20px 0 0 0; }
.jump-order { border: 1px solid #e1e0e0; float: left; width: 100%; }
.jump-order .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
.jump-order .app-heading h3 { color: #454545; font: 400 18px/24px "Open Sans", sans-serif; padding: 0 1%; margin: 0; text-transform: uppercase; }
.outer-order-table { display: table; width: 100%; margin: 0; /*border-bottom:1px solid #dddddd;*/ }
.order-table-head { display: table-header-group; }
.order-table-row { display: table-cell; color: #000000; font: 400 14px/20px 'Open Sans', sans-serif; padding: 4px 5px; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd }
.order-table-row a { color: #d9541e; }
.order-table-row.delete { width: 20px; text-align: center; vertical-align: middle }
.order-table-row.Qty { width: 30px; text-align: center; vertical-align: middle }
.order-table-row:last-child { text-align: right; border-right: 0px solid #dddddd }
.order-table-head .order-table-row { background: #d7d7d7; font: 600 14px/20px 'Open Sans', sans-serif; }
.responsive-table { width: 100%; display: table; }
.order-table-colem { display: table-row; }
.order-table-row.number { width: 22px; }
.order-table-row.number span { background: #a6a6a6; display: block; width: 22px; height: 22px; text-align: center; color: #fff; font: 600 14px/22px 'Open Sans', sans-serif; }
.total-cost { background: #d7d7d7; height: 27px; padding: 5px 5px; }
.total-cost span { color: #000000; font: 400 17px/27px 'Open Sans', sans-serif; }
.total-cost strong { color: #000000; font: 600 22px/27px 'Open Sans', sans-serif; text-align: right; float: right; }
/* Payment sectin start here */
.paymentOuter { border: 1px solid #e1e0e0 }
.paymentOuter .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; border-radius: 10px 10px 0 0; padding: 10px 0; }
.paymentOuter .app-heading h3 { color: #454545; font: 400 18px/24px "Open Sans", sans-serif; padding: 0 1.5%; margin: 0; text-transform: uppercase; }
.paymentLeft { float: left; width: 75%; border-right: 1px solid #e1e0e0; vertical-align: top }
.paymentRight { float: right; width: 24%; vertical-align: top; padding: 20px 0; text-align: center; }
.paymentRight img { max-width: 94%; }
.paymentLeft .row { width: 100%; }
.paymentLeft .row label { margin-right: 1%; padding: 0 1%; width: 21%; }
.paymentLeft .row .expiryDate { display: inline-block; width: 45%; }
.paymentLeft .row > span { color: #f00; font: 400 14px/40px "Open Sans", sans-serif; padding: 0}
.paymentLeft .row label > small { font: 400 14px/20px "Open Sans", sans-serif; color: #f00; }
.paymentLeft .row input[type="text"] { display: inline-block; width: 30%; }
.paymentLeft .row select { display: inline-block; width: 32.2%; }
.checkoutbtn { float: left; width: 100%; text-align: center; margin: 20px 0 }
.checkoutbtn input[type=submit] { color: #fff; font: 600 18px/22px 'Open Sans', sans-serif; background: #ee7306; text-align: center; padding: 5px 20px; display: inline-block; border-radius: 5px; border: 0; box-shadow: 0px 0px 0 0 #97c4fe inset; height: auto }
.checkoutbtn input[type=submit]:hover { background: #9c4e08; text-decoration: none; }
.paymentsucces { padding: 20px 30px; background: url(../images/succespayment.png) no-repeat 0 23px; font: 600 16px/24px 'Open Sans', sans-serif; color: #2ab622 }
/* Payment sectin ends here */
/* ends here */

.errorsuccess { margin: 0 1% 20px; }
.errorsuccess .lblMessage { color: #199227; font: 400 14px/20px "Open Sans", sans-serif; }
.errorsuccess .lblError { color: #f00; font: 400 14px/20px "Open Sans", sans-serif; }
/* FCK Editor input and select default css start here */
.FCKEditor input { }
.FCKEditor select { background: #fff; border: 1px solid rgba(0, 0, 0, 0.4); border-radius: 0px; box-shadow: 0 0px 0px rgba(0, 0, 0, 0.5) inset; color: #000; height: 20px; outline: medium none; padding: 0; text-shadow: 0px 0px 0 rgba(255, 255, 255, 1); margin-top: 0 !important; margin-bottom: 0 !important; }
.ajax__validatorcallout div, .ajax__validatorcallout td { vertical-align: top !important }
/*ends here */

/* ActivityTransactionDetail page start here */

.search-layout-sec .activitySearch.search-body .search-body-colem:nth-child(2) { width: 32%; }
.search-layout-sec .activitySearch.search-body .search-body-colem.last { margin-left: 20px; width: 20%; }
.search-layout-sec .activitySearch.search-body .search-body-colem.last select { width: 90%; }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem.last select { width: 74%; }
.activitySearchMem1 { border-top: 1px solid #e1e0e0; }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem { width: 24%; }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem.last label { width: 22%; }
.search-layout-sec .activitySearchMem.search-body .search-body-colem:nth-child(1), .search-layout-sec .activitySearchMem.search-body .search-body-colem:nth-child(2) { width: 29%; }
.search-layout-sec .activitySearchMem.search-body .search-body-colem.last { margin-left: 20px; width: 20%; }
.search-layout-sec .activitySearchMem.search-body .search-body-colem.last select { width: 90%; }
.textarea.row label { height: 168px; }
.row.textarea textarea { height: 150px; }
.error-search-msg { width: 98%; padding: 0 1%; }
.error-search-msg > span { color: #f00; font: 400 14px/20px "Open Sans", sans-serif; }
/* ends here*/

/* paging start here*/
.paginginationOuter table tr td { color: #000; font: 300 14px/20px "Open Sans", sans-serif; }
.paging-btn-group { margin: 20px 0; text-align: center; font: 400 14px/20px 'Open Sans', sans-serif; color: #000; }
.paging-btn-group div { display: inline-block; font: 400 14px/20px 'Open Sans', sans-serif; color: #00; padding: 0 5px; }
.paging-btn-group div { display: inline-block; height: 28px; white-space: nowrap; font: 400 14px/20px 'Open Sans', sans-serif; border-radius: 5px; border: 1px solid #337fed; color: #000; padding: 0 10px 0 10px; margin: 0px 0 0 0; background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: -o-linear-gradient(top, #eee, #ccc); background-image: linear-gradient(top, #eee, #ccc); border: 1px solid #777; text-shadow: 0 1px 0 rgba(255,255,255,.8); -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); margin: 0 5px; }
.paging-btn-group div:hover { background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: -o-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(top, #fafafa, #ddd); }
.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: #ccc; background: rgba(0,0,0,.1); float: left; width: 25px; text-align: center; font: 400 16px/28px 'FontAwesome', sans-serif; margin: 1px 5px 0 -11px; padding: 0px 5px; height: 28px; -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); border-radius: 8px 0px 0 8px; pointer-events: none; }
.paging-btn-group div a { font: 400 14px/20px 'Open Sans', sans-serif; color: #000; padding: 5px 0; 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; -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 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; }
.goToPage input { font: inherit; border-radius: 0; color: #000; border: 0px solid #337fed; height: 28px; padding: 0; box-shadow: inset 0px 0px 0px 0px #97c4fe; text-shadow: 0px 0px 0 #287ace; cursor: pointer; background: none; }
.goToPage input:hover { background: none; }
.goToPage input:active { position: relative; top: 0; }
.goToPage { display: inline-block; white-space: nowrap; font: 400 14px/20px 'Open Sans', sans-serif; border-radius: 5px; border: 1px solid #337fed; color: #000; padding: 0 10px 0 10px; margin: 0px 0 0 0; background-color: #ddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc)); background-image: -webkit-linear-gradient(top, #eee, #ccc); background-image: -moz-linear-gradient(top, #eee, #ccc); background-image: -ms-linear-gradient(top, #eee, #ccc); background-image: -o-linear-gradient(top, #eee, #ccc); background-image: linear-gradient(top, #eee, #ccc); border: 1px solid #777; text-shadow: 0 1px 0 rgba(255,255,255,.8); -moz-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); margin: 0 5px; }
.goToPage:hover { background-color: #eee; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd)); background-image: -webkit-linear-gradient(top, #fafafa, #ddd); background-image: -moz-linear-gradient(top, #fafafa, #ddd); background-image: -ms-linear-gradient(top, #fafafa, #ddd); background-image: -o-linear-gradient(top, #fafafa, #ddd); background-image: linear-gradient(top, #fafafa, #ddd); }
.goToPage: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; }
.goToPage:focus { outline: 0; background: #fafafa; }
.page-numbering { text-align: center; }
table.tableGrid .page-numbering td { width: 100%; background: #96b2b6 !important; border-bottom: 0 none; display: table-cell !important; margin: 0; min-height: 100%; padding: 0; border-bottom: 1px solid #729ea5 }
table.tableGrid .page-numbering td:hover { background: #96b2b6 !important; }
table.tableGrid .page-numbering td td { width: auto; text-align: center; display: inline-block; padding: 0; margin: 0; background: none; border: 0 }
.page-numbering td td:first-child { display: inline-block !important; }
.page-numbering td table { max-width: 50%; text-align: center; margin: 0 auto; }
.page-numbering td td a { border: 1px solid #b7b7b7; margin: 0 2px; width: auto; text-align: center; padding: 5px 10px; border-radius: 5px; display: inline-block; background: #f5f5f5; font: 300 14px/20px 'Open Sans', sans-serif; color: #000; }
.page-numbering td td a:hover { border: 1px solid #083f74; text-decoration: none; }
.page-numbering td td span { background: #205180; margin: 0 2px; color: #fff; border: 1px solid #032a50; text-decoration: none; padding: 5px 10px; display: inline-block; border-radius: 5px; font: 300 14px/20px 'Open Sans', sans-serif; }
/*ends here */
/* pop up message box start */
.msgpopup { background: #fff; border: 1px solid #bab9b9; font: 16px/24px "Open Sans", sans-serif; box-shadow: 1px 1px 1px #000; }
.msgpopup .mpHd { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; padding: 5px 10px; color: #454545; font: 400 18px/24px "Open Sans", sans-serif; text-transform: uppercase; }
.msgpopup table { padding: 10px; }
.msgpopup table tr td { font: 16px/24px "Open Sans", sans-serif; }
.msgpopup .mpClose { text-align: center; padding: 10px 0 }
.msgpopupoverlay { background: rgba(0,0,0,.6); }
.msgpopup .mpbdy { font: 16px/24px "Open Sans", sans-serif; padding: 10px; }
/* ends here */
.grdcustomField > div > table { width: 100%; }
.grdcustomField > table > table { width: 100%; margin: 0; }
.grdcustomField > table > table > tbody > tr > td { border: 0; background: none; }
.grdcustomField > table > table > tbody > tr:nth-child(2n+1) > td { background: none; }
.grdcustomField > table > table > tbody > tr > td input[type=checkbox] { margin-right: 5px; }
.grdcustomField table input[type=file] { margin: 8px 0 5px }
.grdcustomField table textarea { margin: 5px 0 }
.grdcustomField table .dvlnkPath { margin: 5px 0; font: 400 14px/20px "Open Sans", sans-serif; }
.grdcustomField table .dvlnkPath a { color: rgb(238, 178, 17); margin-left: 5px; }
table.tableGridmember { border-right: 1px solid #e1e0e0; }
.tableGridmember > tbody > tr > td { border-bottom: 1px solid #e1e0e0; padding: 0 1%; }
.tableGridmember > tbody > tr > td:first-child { background: #f7f7f7; border-right: 1px solid #e1e0e0; color: #454545; font: 600 14px/39px "Open Sans", sans-serif; text-align: right; width: 31.2%; vertical-align: top; }
.tableGridmember > tbody > tr > td.customheading { text-align: right; font: 600 14px/22px "Open Sans", sans-serif; padding: 10px 1%; }
.tableGridmember > tbody > tr > td.customheading a{ color:#d9541e;}
.tableGridmember > tbody > tr > td.customheading a:hover{ color:#000; text-decoration:underline}
.tableGridmember > tbody > tr > td > select { margin: 5px 1% 0; width: 30%; }
.tableGridmember > tbody > tr > td > input[type=text] { margin: 5px 1% 0; width: 28%; }
.tableGridmember > tbody > tr > td > .requiredinp > select { margin: 5px 1% 0; width: 71.5%; }
.tableGridmember > tbody > tr > td > .requiredinp > input[type=text] { margin: 5px 1% 0; width: 69.5%; }
.tableGridmember > tbody > tr > td > .requiredinp input[type="checkbox"] { margin: 14px 0 0 3px; }
.tableGridmember > tbody > tr > td > .requiredinp table { border: 0; width: 100% }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td:first-child { border-right: 0; background: none; }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td { text-align: left; border-bottom: 1px dotted #e1e0e0 }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr:last-child > td { border-bottom: 0 }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td input[type=checkbox] { margin-right: 5px; float: right; margin-top: 16px; }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td input[type=radio] { margin-left: 5px; margin-top: 14px; }
.tableGridmember > tbody > tr > td > .requiredinp table > tbody > tr > td label { float: left; color: #454545; font: 600 14px/39px "Open Sans", sans-serif; text-align: left; width: auto; }
.tableGridmember > tbody > tr > td:last-child { position: relative; }
.tableGridmember > tbody > tr > td > table.ajax__validatorcallout { width: auto; }
.tableGridmember > tbody > tr > td > table.ajax__validatorcallout tr:last-child td { border-bottom: 1px solid #000 }
/* manage member plan start here */
table.tableGrid tr.norecordfound td { color: #454545; font: 600 18px/39px "Open Sans", sans-serif; }
table.tableGrid tr td .addbtn, table.tableGrid tr td .deletebtn, table.tableGrid tr td .cancelbtn, table.tableGrid tr td .editbtn, table.tableGrid tr td .updatebtn { display: inline-block; white-space: nowrap; background-color: #ccc; background-image: linear-gradient(top, #eee, #ccc); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
border: 1px solid #777; padding: 0 10px 0 1.5em; margin: 0.5em; font: 400 14px/29px 'Open Sans', sans-serif; text-decoration: none; color: #333; text-shadow: 0 1px 0 rgba(255,255,255,.8); border-radius: .2em; box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3); }
table.tableGrid tr td .addbtn:hover, table.tableGrid tr td .deletebtn:hover, table.tableGrid tr td .cancelbtn:hover, table.tableGrid tr td .editbtn:hover, table.tableGrid tr td .updatebtn:hover { background-color: #ddd; background-image: linear-gradient(top, #fafafa, #ddd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
text-decoration: none; }
table.tableGrid tr td .addbtn:focus, table.tableGrid tr td .deletebtn:focus, table.tableGrid tr td .cancelbtn:focus, table.tableGrid tr td .editbtn:focus, table.tableGrid tr td .updatebtn:focus { outline: 0; background: #fafafa; }
table.tableGrid tr td .addbtn:before, .deletebtn:before, .cancelbtn:before, .editbtn:before, .updatebtn:before { background: #ccc; background: rgba(0,0,0,.1); float: left; width: 1em; text-align: center; margin: 0 6px 0 -1em; padding: 0 .2em; box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5); border-radius: .15em 0 0 .15em; pointer-events: none; font: 700 20px/29px 'FontAwesome', sans-serif; }
.addbtn:before { content: "\271A"; }
table.tableGrid tr td .deletebtn:before { content: "\2718"; }
table.tableGrid tr td .cancelbtn:before { content: "\2718"; }
table.tableGrid tr td .editbtn:before { content: "\270E"; }
table.tableGrid tr td .updatebtn:before { content: "\2714"; }
table.tableGrid tr td a.addbtn, table.tableGrid tr td a.deletebtn, table.tableGrid tr td a.cancelbtn, table.tableGrid tr td a.updatebtn, table.tableGrid tr td a.editbtn { color: #000 }
.ui-datepicker table tr td, .ui-datepicker table tr th { font: 600 14px/20px "Open Sans", sans-serif; color: #000; }
.ui-datepicker table tr th { font-weight: 700; }
.search-layout-sec .search-body .search-row .membercolem label { width: auto; padding: 0 10px; }
.membercategory { width: 65%; float: left; }
.search-layout-sec .search-body.membercate { padding: 0 20px; }
.search-layout-sec .search-body.membercate .search-body-colem:nth-child(1) { width: 100%; }
.search-layout-sec .search-body.membercate .search-row label { width: 8%; }
.search-layout-sec .search-body.membercate .membercategory { width: 90%; }
.search-layout-sec .search-body.membercate .membercategory tr td { width: 10%; }
/*.outertableres{overflow: auto;width: 100%;}*/
.memberreportsec { }
.outertableres.memberreportsec { overflow: auto; width: 100%; }
/* ends here */
/* receipt page start here */

.application-form-outer { border: 1px solid #e1e0e0; border-radius: 0; margin: 0; }
.application-form-outer .app-heading { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #e1e0e0; border-radius: 10px 10px 0 0; padding: 10px 0; }
.application-form-outer .app-heading h3 { color: #454545; font: 400 18px/24px "Open Sans", sans-serif; padding: 0 1.5%; display: inline-block; margin: 0; width: 46%; text-transform: uppercase; }
/*ends here */

/* report start here */
.search-layout-sec .search-body.memberreport .search-body-colem:nth-child(1), .search-layout-sec .search-body.memberreport .search-body-colem:nth-child(2) { width: 35% }
.search-layout-sec .search-body.memberreport .search-row label { width: 30%; }
.memberreport .memberreportcolem { display: inline-block; width: 59%; }
.search-layout-sec .search-body.memberreport .memberreportcolem input[type=text] { display: inline-block; width: 98%; }
.search-layout-sec .search-body.memberreport .memberreportcolem i { font: 400 14px/30px "Open Sans", sans-serif; color: #000; padding: 0 10px; float: left; }
.search-layout-sec .search-body.paymenrreport .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width: 20%; }
.search-layout-sec .search-body.paymenrreport .search-body-colem { width: 23%; }
.search-layout-sec .search-body.ActivitiesReport .search-body-colem:nth-child(1), .search-layout-sec .search-body.ActivitiesReport .search-body-colem:nth-child(2) { width: 35% }
.search-layout-sec .search-body.ActivitiesReport .search-row label { width: 36%; }
.ActivitiesReport .memberreportcolem { display: inline-block; width: 59%; }
.search-layout-sec .search-body.ActivitiesReport .memberreportcolem input[type=text] { display: inline-block; width: 98%; }
.search-layout-sec .search-body.ActivitiesReport .memberreportcolem i { font: 400 14px/30px "Open Sans", sans-serif; color: #000; padding: 0 10px; float: left; }
.ActivitiesReport .actvityname { display: inline-block; width: 59%; }
.search-layout-sec .search-body.ActivitiesReport .actvityname input[type=text] { display: inline-block; width: 98%; }
.search-layout-sec .search-body.ActivitiesReport .search-body-colem:nth-child(1), .search-layout-sec .search-body.ActivitiesReport .search-body-colem:nth-child(2), .search-layout-sec .search-body.ActivitiesReport .search-body-colem:nth-child(3) { width: 25%; }
.search-layout-sec .ActivitiesReport .search-body-btn-colem { width: 25%; }
.search-layout-sec .search-body.ActivitiesReport .search-body-colem { width: 23%; }
/*ends here*/

table.tableGrid tr td.selecttbn { width: 6%; text-align: center }
table.tableGrid tr td.selecttbn a { font: 700 14px/32px 'Open Sans', sans-serif; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding: 0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height: 32px; display: inline-block; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9");
}
table.tableGrid tr td.selecttbn a:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration: none; }
table.tableGrid tr td.selecttbn a:active { position: relative; top: 1px; }
.row p { color: #000; font: 400 14px/22px "Open Sans", sans-serif; padding: 10px 2%; display: inline-block; width: 33%; vertical-align: top }
.row p strong { font-weight: bold; }
.row > label > span, .row > span.style4 { color: #f00 }
.row span.style_2 { padding: 0 10px; }
.row > span.style5 { color: #f00; display: block; position: relative; left: 0; top: 0; padding: 5px 0 5px 25% }
.row.testemail input[type=checkbox] { margin-right: 10px; }
.row.testemail input[type=text] { width: 18.5%; }
.bulkerrormsg { margin: 0 1% 20px; }
.bulkerrormsg > span { text-align: left; margin: 10px 0; }
.member-heading .CopyFromResidential { float: right; margin: 5px 20px 0 0; }
.changeactivitybtn { font: 700 14px/32px 'Open Sans', sans-serif; float: right; margin: 2px 0 0 0; -webkit-border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; border: 1px solid #337fed; padding: 0px 15px; -webkit-box-shadow: inset 1px 1px 0px 0px #97c4fe; -moz-box-shadow: inset 1px 1px 0px 0px #97c4fe; box-shadow: inset 1px 1px 0px 0px #97c4fe; cursor: pointer; color: #ffffff; height: 32px; background: -webkit-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -moz-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: -ms-linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); background: linear-gradient(180deg, #098fe3 5%, #6288b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#098fe3", endColorstr="#6288b9"); margin:3px 5px;
}
.changeactivitybtn:hover { background: -webkit-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -moz-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: -ms-linear-gradient(90deg, #098FE3 5%, #004F80 100%); background: linear-gradient(180deg, #004F80 5%, #098FE3 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#004F80", endColorstr="#098FE3");
text-decoration: none; }
.changeactivitybtn:active { position: relative; top: 1px; }
.MerchandiseNote { margin: 20px 1% }
.MerchandiseNote label { color: #454545; font: 400 18px/24px "Open Sans", sans-serif; padding: 0 0 10px; text-transform: uppercase; display: block; }
.MerchandiseNote span { width: 100%; display: block; }
.MerchandiseNote p { color: #454545; font: 400 14px/20px "Open Sans", sans-serif; padding: 0 }
.fileloading { position: absolute; left: 0; top: 0; }
input[type=file].fileToUpload { font-size: 10px; }
.statememberplan { margin: 18px 1%; }
.managememplan-row.row label { width: 5.5% }
.managememplan-row.row > div.requiredinp select { width: 25%; }
.marginboot { margin-bottom: 5px; }
table.tableGrid.tableataplan tr td { text-align: right; }
table.tableGrid.tableataplan tr td:first-child { text-align: left; }
/* set password start here */

.setpass { max-width: 380px; margin: 5% auto; }
.setpassinner { border: 1px solid #002942; background: #fff; }
.setpassinner h1 { background: #002942; color: #ffffff; font: 600 16px/20px "Open Sans", sans-serif; padding: 8px 0 8px 20px }
.setpassinner .setpasscolem { padding: 10px 0 }
.setpassinner .setpassrow { padding: 10px; }
.setpassrow label { color: #002942; display: block; font: 14px/18px "Open Sans", sans-serif; padding-bottom: 5px; }
.setpassrow label > small { color: #f00; font: 14px/18px "Open Sans", sans-serif; }
.setpassrow input ~ span { color: #f00; font: 13px/18px "Open Sans", sans-serif; }
/* ends here*/

/* Role permission start here */
table.role-permisssion-sec { width: 60%; margin: 18px 1%; }
table.tableGrid tr .permissionrolerow { width: 80px; text-align: center !important; }
table.tableGrid tr .permissionrolerow input[type=checkbox] { width: auto; height: auto; }
table.tableGrid tr th.Restricted { background: #87a5a9; }
table.tableGrid tr td.Restricted { background: #a3c2c6; }
.lblPermissionStatus { color: #000; font: 400 14px/24px "Open Sans", sans-serif; padding: 0 1%; }
table.role-permisssion-sec table { margin: 0; padding: 0; width: 100%; }
.role-permisssion-sec table.tableGrid { margin-bottom: 20px; }
.role-permisssion-head { color: #515151; font: 400 18px/24px "Open Sans", sans-serif; padding: 10px 1.5%; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); border: 1px solid #e1e0e0; border-bottom: 0; border-radius: 10px 10px 0 0; text-align: left !important; }
.RoleNameheader { color: #515151; font: 400 18px/24px "Open Sans", sans-serif; padding: 10px 0; border-bottom: 0; display: block; width: 100%; }
.RoleNameheader span { color: #515151; font: 600 22px/24px "Open Sans", sans-serif; }
.Modifiedheader { display: block; color: #008000; font: 400 18px/24px "Open Sans", sans-serif; padding: 10px 0 }
.ResultPermheader { display: block; color: #515151; font: 400 18px/24px "Open Sans", sans-serif; padding: 10px 0 }
.RenewalType table { width: 100%; }
.RenewalType table tr td label { border: 0; width: auto !important; font: 400 14px/30px "Open Sans", sans-serif; background: none; margin: 0 0 0 10px; padding: 0; float: none; text-align: left; vertical-align: middle }
.RenewalType table tr td input[type=radio] { float: none; vertical-align: middle }
.selectedclub { color: #f00; font: 600 18px/40px "Open Sans", sans-serif; padding: 20px 2%; }
/* ends here */
/* pop up message box start */

.msgpopup { background: #fff; border: 1px solid #bab9b9; font: 16px/24px "Open Sans", sans-serif; }
.msgpopup .mpHd { background: linear-gradient(180deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -webkit-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; background: -moz-linear-gradient(-90deg, #ffffff 12%, #b9b9b9 100%) repeat 0 0; border-bottom: 1px solid #bab9b9; padding: 5px 10px; color: #454545; font: 400 18px/24px "Open Sans", sans-serif; text-transform: uppercase; }
.msgpopup table { padding: 10px; }
.msgpopup table tr td { font: 16px/24px "Open Sans", sans-serif; }
.msgpopup .mpClose { text-align: center; padding: 10px 0 }
.msgpopupoverlay { background: rgba(0,0,0,.6); }
.modalBackground { background: rgba(0,0,0,.6); }
.modalPopup { background: #fff; border: 1px solid #bab9b9; font: 14px/24px "Open Sans", sans-serif; padding: 10px; text-align: center; }
.modalPopup p { font: 14px/24px "Open Sans", sans-serif; padding-bottom: 10px; }
.popupLabel { margin: 0; text-align: left }
.popupLabel-heading { color: #000; font: 600 16px/24px "Open Sans", sans-serif; padding: 5px 10px; }
.popupLabel-body { margin: 10px 0 0 0; padding: 5px 10px; }
.popupLabel-body h4 { font: 600 14px/24px "Open Sans", sans-serif; color: #000; }
.popupLabel-body p { font: 400 14px/20px "Open Sans", sans-serif; }
/* information message */
.ltrEmergencyinfo { background-color: #BDE5F8; border-radius: 0; padding: 10px; border: 1px solid #5aa2c5; margin: 0 1%; }
.ltrEmergencyinfo p { color: #00529B; font: 400 14px/20px "Open Sans", Arial, Helvetica, sans-serif; padding: 5px 0 }

btnsrow{ float:left; width:30%;}
.search-layout-sec .btnsrow .search-body-btn-colem{ width:30%;}
.memberptinfomsg{ background-color: #BDE5F8; border-radius: 0; padding: 10px; border: 1px solid #5aa2c5; margin: 0; float:right; }
.memberptinfomsg p{ color: #00529B; font: 400 14px/20px "Open Sans", Arial, Helvetica, sans-serif; padding: 5px 0 }
/* ends here */

/* file input custom design start here */
.addeditclass .row .inputfile { color: transparent; width: 10%; }
.addeditclass .row .inputfile +i { padding: 0 10px; font: 400 12px/20px "Open Sans", Arial, Helvetica, sans-serif; }
 @media all and (-ms-high-contrast:none) {
 *::-ms-backdrop, .addeditclass .row .inputfile {
color:transparent;
}
}
/* ends here */
/* renewals email start here */
.RenewalEmailLeftOptions { width: 48.5%; padding: 0 0 0 1%; display: inline-block; vertical-align: top; }
.RenewalEmailRightOptions { width: 48.5%; padding: 0 0 0 1%; display: inline-block; vertical-align: top; }
.subject-text-msg { border-top: 1px solid #e1e0e0; }
.subject-text-msg .row label { width: 96%; text-align: left; padding: 0 2%; border: 0; border-bottom: 1px solid #e1e0e0; margin: 0 }
.subject-text-msg .row p { width: 96%; }
/* ends here */
.nofound { background: #d4e3e5 none repeat scroll 0 0; border-color: -moz-use-text-color #729ea5 -moz-use-text-color -moz-use-text-color; font: 300 14px/20px 'Open Sans', sans-serif; margin: 18px 1%; min-height: 30px; padding: 5px; text-align: center; vertical-align: top; border-left: 1px solid #729ea5; border-right: 1px solid #729ea5; border-top: 1px solid #729ea5; border-bottom: 1px solid #729ea5; text-align: center; }
.nofound:hover { background: none; }

.RenewalEmailRightOptions .qualification-detail-list-colem {border: 1px solid #e1e0e0;margin: 20px 0;}
.qualification-detail-row.coaches-checkbox-information table { padding: 0; margin: 0; }
.qualification-detail-row.coaches-checkbox-information table td { width: 33%; }
.qualification-detail-row.coaches-checkbox-information table td label { width: auto; background: none; border: 0; float: none; position: relative; padding-left: 10px; cursor: pointer; }
.qualification-detail-row.coaches-checkbox-information table td input[type="checkbox"] { vertical-align: middle; margin:12px 0 0 5px; }

table.chkEventClass td.active{ background:rgba(0,0,0,.125)}

.showreport-sec { width: 98%; margin: 20px 1%; }
.showreport-sec > span { width: 100%; display: block; }
.showreport-sec > span > div { width: 100% !important; overflow: auto; }
.showreport-sec > span > div table { margin: 0 !important; padding: 0; vertical-align: top; width:100%; overflow:auto}
/*.showreport-sec > span > div table tr td{ height:auto !important;}*/
.showreport-sec table[lang=en-US] tr td{ height:auto !important}



.customReport .Correspondence-Method { width: 100%; height: auto; }
.customReport .Correspondence-Method label { height: 44px; vertical-align: top; line-height: 44px; width: 13.5%; }
.customReport .Correspondence-Method > div { display: inline-block; width: 50%; vertical-align: top; }
.customReport .Correspondence-Method > div table td label { background: none; border-right: 0; width: auto; height: auto; line-height: 40px; margin-right: 10px; }
.customReport .Correspondence-Method label { border: 0 none; height: auto; line-height: 40px; text-align: left; width: 98%; }
.customReport  .correspondence-checkboxgroup tr td input[type="radio"]{ margin-top:13px;}
.bodytext + div {display: none;}
.bodytext {background-image: none !important;}
.customReport .Correspondence-Method label + div{ width:98%; margin:10px 1%;}
.customReport .Correspondence-Method label + div.correspondence-checkboxgroup{ margin:5px 0;}
.customReport .Correspondence-Method label + textarea{ margin:10px 1%; width:96%;}
.querybuider-row-table.last { border-bottom: 0px solid #e1e0e0; margin:20px 1%; width: 98%;  }


.gvMemberReport table.tableGrid tr td{ background:transparent;}

.posrelative{ position:relative;}
.RequiredInfo{ position:absolute; right:30px; top:-33px;}
.RequiredInfo label{ font:600 14px/20px "Open Sans", sans-serif; color:#c70d0d; margin-left:10px;vertical-align:middle; display:inline-block}
.RequiredInfo input[type=checkbox]{ vertical-align:middle; display:inline-block}

.bulkemiltmp{ margin:18px 20px}
.ltrCurrentMembers{font:400 14px/20px "Open Sans", sans-serif; color:#000;}
.ltrCurrentMembers span{font:600 16px/20px "Open Sans", sans-serif; color:#199227;}

.ltrPendingMembers{font:400 14px/20px "Open Sans", sans-serif; color:#000; margin:10px 0 0 0;}
.ltrPendingMembers span{ color:#199227;font:600 16px/20px "Open Sans", sans-serif;}
.popupcorrespondence .qualification-detail-row label{width: 34%;}
.search-layout-sec .search-body .search-row.datestart label{ width:36%;}
table.tableGrid.subtable tr th:nth-child(2){ width:auto !important} 
table.tableGrid.subtable tr td[colspan='10'],table.tableGrid.subtable tr td[colspan='5'] { padding:0;}
table.tableGrid.subtable table tr td{ padding:5px;} 
table.tableGrid.subtable tr td[colspan='10'] div.requiredinp span.requiredField,table.tableGrid.subtable tr td[colspan='5'] div.requiredinp span.requiredField{ background:none; border-radius:0; position:relative; color:#f00!important; font:400 14px/18px 'Open Sans', sans-serif; padding:0; border:0; text-shadow:0 0px rgba( 0, 0, 0, .5 ); box-shadow:0 0px 0px rgba( 0, 0, 0, .3 ); margin:0}
table.tableGrid.subtable tr td[colspan='10'] div.requiredinp span.requiredField:after,
table.tableGrid.subtable tr td[colspan='5'] div.requiredinp span.requiredField:after{ display:none;}

.ui-sortable td {cursor:grab;}

.editmembercorres.vewmbmcorres .qualification-detail-row { display: inline-block; width: 49%; border-bottom: 0;font: 400 14px/40px "Open Sans", sans-serif  }
.editmembercorres.vewmbmcorres .qualification-detail-row div{ }
.editmembercorres.vewmbmcorres .qualification-detail-row p{font: 400 14px/18px "Open Sans", sans-serif ; padding:3px 5px}

/* unordered list style start here */
ul.chkEventClass{ list-style:none; margin:20px 1%; padding:0;/* border:1px solid #e1e0e0;*/ border-bottom:0px; border-right:0; width:98%;}
ul.chkEventClass li{ float:left; width:calc(100% / 3 - 21px); /*border-bottom:1px solid #e1e0e0; border-right:1px solid #e1e0e0;*/ padding:10px;}
ul.chkEventClass li.active{background: rgba(0,0,0,.125);}
ul.chkEventClass li label{ background:none; margin:0; padding:0; border:0; font:400 14px/20px "Open Sans", sans-serif; text-align:left;float:left; width:auto;}
ul.chkEventClass li input[type=checkbox], ul.chkEventClass li input[type=radio]{ float:left; margin:3px 10px 0 0}
/* ends here */
.mcycleHome-rt .search-layout-sec .row label{ width:18%;}
.mcycleHome-rt .search-layout-sec .row select{ width:65%;}
.mcycleHome-rt .search-layout-sec .row input[type=text]{ width:18%;}


 /* Report export button start here */
  .exportbtn{ width:auto; display:inline-block;}
 .exportbtn ul{ list-style:none; margin:0; padding:0}
 .exportbtn ul li{ position:relative;}
.exportbtn ul li a{font: 700 14px/20px 'Open Sans', sans-serif;cursor: pointer; background: #288dd4;border-radius: 8px;border: 1px solid #337fed;padding: 6px 20px;  color: #fff;  height: 36px;}
.exportbtn ul li a:hover,.exportbtn ul li a.active{ text-decoration:none;/*background-image:url(../images/newimages/download_icon.png);*/ background-position:15px center; background-repeat:no-repeat;background-color:#2c88da; color:#fff}
.exportbtn ul li ul{ display:none; width:188px; position:absolute; top:45px; left:-40px; border:1px solid #d2d0d0; background:#fff; z-index:99;border-bottom:0px solid #1d96b2;padding: 10px;    box-shadow: 0px 4px 5px #ddd; }
.expbtncatalog.exportbtn ul li ul{ width:264px}
.exportbtn ul li ul li{border-bottom:1px solid #d2d0d0;padding: 5px; }
.exportbtn ul li ul li input[type=submit]{ background:none;margin:0; padding:0 0 0 42px; color:#000;font:400 14px/30px "Open Sans",sans-serif; width:100%; text-shadow:0; box-shadow:0px 0px 0 0 #97c4fe inset; border:0;border-radius:0; display:block; height:auto; display:block; text-align:left; color:#000;text-shadow:0px 0px 0 #287ace}
.exportbtn ul li ul li:nth-child(1) input[type=submit]{ background-image:url(../images/pdf_icon.png); background-repeat:no-repeat; background-position:15px center;}
.exportbtn ul li ul li:nth-child(2) input[type=submit]{ background-image:url(../images/excel_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul li:nth-child(3) input[type=submit]{ background-image:url(../images/word_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul li:nth-child(4) input[type=submit]{ background-image:url(../images/jpg_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul li input[type=submit]:hover{ background-color:#d2d0d0} 

.exportbtn ul li ul li.pdf:nth-child(1) input[type=submit],.exportbtn ul li ul li.pdf:nth-child(2) input[type=submit],.exportbtn ul li ul li.pdf:nth-child(3) input[type=submit],
.exportbtn ul li ul li.pdf input[type=submit]{ background-image:url(../images/pdf_icon.png); background-repeat:no-repeat; background-position:15px center;}
.exportbtn ul li ul li.excel input[type=submit]{ background-image:url(../images/excel_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul li.word input[type=submit]{ background-image:url(../images/word_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul li.jpeg input[type=submit]{ background-image:url(../images/jpg_icon.png); background-repeat:no-repeat;background-position:15px center;}
.exportbtn ul li ul:after, .exportbtn ul li ul:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.exportbtn ul li ul:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -30px;}
.exportbtn ul li ul:before {	border-color: rgba(194, 225, 245, 0);border-bottom-color: #d2d0d0;border-width: 12px;margin-left: -32px;}
/* Ends here */
 /* Notification starts here */
.notificationbtn{ width:auto; display:inline-block;}
.notification ul{ list-style:none; margin:0; padding:0}
.notification ul li{ position:relative;}
.notification ul li a{font: 700 14px/20px 'Open Sans', sans-serif;cursor: pointer; background: #288dd4;border-radius: 8px;border: 1px solid #337fed;padding: 6px 20px;  color: #fff;  height: 36px;}
.notification ul li a:hover,.notification ul li a.active{ text-decoration:none;/*background-image:url(../images/newimages/download_icon.png);*/ background-position:15px center; background-repeat:no-repeat;background-color:#2c88da; color:#fff}
.notification ul li ul{ display:none; width:188px; position:absolute; top:45px; left:-40px; border:1px solid #d2d0d0; background:#fff; z-index:99;border-bottom:0px solid #1d96b2;padding: 10px;    box-shadow: 0px 4px 5px #ddd; }
.notification.notification ul li ul{ width:264px}
.notification ul li ul li{border-bottom:1px solid #d2d0d0;padding: 5px;}
.notification ul li ul li input[type=submit]{ background:none;margin:0; padding:0 0 0 42px; color:#000;font:400 14px/30px "Open Sans",sans-serif; width:100%; text-shadow:0; box-shadow:0px 0px 0 0 #97c4fe inset; border:0;border-radius:0; display:block; height:auto; display:block; text-align:left; color:#000;text-shadow:0px 0px 0 #287ace}
.notification ul li ul li:nth-child(1) input[type=submit]{ background-image:url(../images/pdf_icon.png); background-repeat:no-repeat; background-position:15px center;}
.notification ul li ul li:nth-child(2) input[type=submit]{ background-image:url(../images/excel_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul li:nth-child(3) input[type=submit]{ background-image:url(../images/word_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul li:nth-child(4) input[type=submit]{ background-image:url(../images/jpg_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul li input[type=submit]:hover{ background-color:#d2d0d0} 

.notification ul li ul li.pdf:nth-child(1) input[type=submit],.notification ul li ul li.pdf:nth-child(2) input[type=submit],.notification ul li ul li.pdf:nth-child(3) input[type=submit],
.notification ul li ul li.pdf input[type=submit]{ background-image:url(../images/pdf_icon.png); background-repeat:no-repeat; background-position:15px center;}
.notification ul li ul li.excel input[type=submit]{ background-image:url(../images/excel_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul li.word input[type=submit]{ background-image:url(../images/word_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul li.jpeg input[type=submit]{ background-image:url(../images/jpg_icon.png); background-repeat:no-repeat;background-position:15px center;}
.notification ul li ul:after, .notification ul li ul:before {bottom: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.notification ul li ul:after {border-color: rgba(136, 183, 213, 0);border-bottom-color: #fff;border-width: 10px;margin-left: -30px;}
.notification ul li ul:before {	border-color: rgba(194, 225, 245, 0);border-bottom-color: #d2d0d0;border-width: 12px;margin-left: -32px;}
/* Ends here */
/*======================== Responsive ========= ===== start  ============== ====== here ==================== ========================*/
.tableGridmember > tbody > tr > td > .requiredinp table ~ .requiredField{right: -66px;}

@media only screen and (min-width:1024px) {
.qualification-detail-row > div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 5px; position: absolute; z-index: 100; padding: 5px; }
.qualification-detail-row > div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
.row > div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 5px; position: absolute; z-index: 100; padding: 5px; }
.row > div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
.row > div.requiredinp table + span.requiredField { right: 0; }
.search-row div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 5px; position: absolute; z-index: 100; padding: 5px; }
.search-row div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
table.tableGrid tr td div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 0; position: absolute; z-index: 100; padding: 5px; }
table.tableGrid tr td div.requiredinp { position: relative; }
table.tableGrid tr td div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
.tableGridmember > tbody > tr > td div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 0; position: absolute; z-index: 100; padding: 5px; margin-right:-30px}
.tableGridmember > tbody > tr > td div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
.Indemnity > div.requiredinp span.requiredField { text-align: center; text-shadow: 0 1px rgba( 0, 0, 0, .5 ); line-height: 1.5; color: #fff !important; background: #333; background: -webkit-gradient( linear, left top, left bottom, from( rgba( 0, 0, 0, .6 ) ), to( rgba( 0, 0, 0, .8 ) ) ); background: -webkit-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -moz-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -ms-radial-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: -o-linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); background: linear-gradient( top, rgba( 0, 0, 0, .6 ), rgba( 0, 0, 0, .8 ) ); -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-top: 1px solid #fff; -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); -moz-box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); box-shadow: 0 3px 5px rgba( 0, 0, 0, .3 ); top: 4px; left:122px; position: absolute; z-index: 100; padding: 5px; }
.Indemnity > div.requiredinp span.requiredField:after { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid rgba( 0, 0, 0, .7 ); border-top: 10px solid transparent; content: ''; position: absolute; left: -20px; right: auto; bottom: 0; margin-left: 0; top: 4px; }
.Indemnity > div.requiredinp table + span.requiredField { right: 0; }
.qualification-detail-row > div.requiredinp table + span.requiredField { right:0}
}
 @media only screen and (max-width:1600px) {
.mobiletable > div { overflow: auto }
.mobiletable table.tableGrid { max-width: 700px; }
.addeditclass .clubfckeditor .row { width: 100%; display: block; }
.memberreport .memberreportcolem { width: 56%; }
}
@media only screen and (max-width:1300px) {
.search-layout-sec .search-body.memberreport .search-row label { width: 45%; }
.memberreport .memberreportcolem { width: 54%; }
.search-layout-sec .search-body .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width: 35% }
.outertableres { width: 100%; overflow: auto; overflow-y: hidden }
.search-layout-sec .search-body-btn-colem{ width:15%;}
}
@media only screen and (min-width:1101px) and (max-width:1600px) {
.search-layout-sec .search-body .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width: 30%; }
.search-layout-sec .search-body .search-body-colem { width: 20%; }
.search-layout-sec .search-body-btn-colem { width: 15%; }
.search-layout-sec .search-body.memberreport .search-row label { width: 42%; }
.search-layout-sec .search-body.membercate .search-row label { width: 15%; }
.search-layout-sec .search-body.membercate .membercategory { width: 85%; }
.search-layout-sec .search-body.committeemember .search-body-colem:nth-child(1) { width: 40% }
.search-layout-sec .search-body.committeemember .search-body-colem { width: 36%; }
.search-layout-sec .search-body.committeemember .search-body-btn-colem { width: 12%; }
.search-layout-sec .search-body.paymenrreport .search-body-colem:nth-child(1), .search-layout-sec .search-body.paymenrreport .search-body-colem:nth-child(2) { width: 25%; }
.search-layout-sec .search-body.paymenrreport .search-body-colem { width: 30%; }
.search-layout-sec .search-body.paymenrreport .search-body-btn-colem { width: 10%; }
.search-layout-sec .search-body.correstype .search-body-colem:nth-child(1) { width: 18%; }
.search-layout-sec .search-body.correstype .search-body-colem:nth-child(2) { width: 25%; }
.search-layout-sec .search-body.correstype .search-body-colem { width: 33%; }
.search-layout-sec .search-body.correstype .search-body-btn-colem { width: 12%; }
.search-layout-sec .search-body.templatename .search-body-colem:nth-child(1) { width: 18%; }
.search-layout-sec .search-body.templatename .search-body-colem:nth-child(2) { width: 20%; }
.search-layout-sec .search-body.templatename .search-row label { width: 100%; }
.search-layout-sec .search-body.templatename .search-body-colem { width: 33%; }
.search-layout-sec .search-body.templatename .search-body-btn-colem { width: 12%; }
.search-layout-sec .search-body.templatename .search-row select { width: 90%; }
.search-layout-sec .search-body.templatename .search-row input[type="text"] { width: 88%; }
.addeditclass .loginname .row .requiredinp input[type="password"] { width: 40%; }
.addeditclass .loginname .row .requiredinp input[type="text"] { width: 38%; }
.addeditclass .row .requiredinp input[type="password"] { width: 78%; }
.addeditclass .row div.requiredinp input[type="text"] { width: 67%; }
.row input[type="text"], .row input[type="password"], .row input[type="number"], .row input[type="file"]{ width:34%;}
.row > div.requiredinp select.smlinp { width: 62%; }
.row.question-type label{height:145px;}
.setvalidatorlist .member-left-table{ width:49.5%;}

}
@media only screen and (max-width:1100px) {
.mcycleHome-rt { margin: 12px 0 0; padding: 0; width: 100%; }
.mcycleHome-lf { margin: 0 0 20px 0; padding: 0; width: 100%; }
.inner-body-sec.defaultIcon ul, .inner-body-sec.settings-sec ul { padding: 0 }
.inner-body-sec.defaultIcon ul li, .inner-body-sec.settings-sec ul li { float: none; margin: 15px 15px 10px 16px; width: 190px; }
.addeditclass .colem, .colem { border-bottom: 0 }
.addeditclass .row, .row { display: block; border-bottom: 1px solid #e1e0e0; }
.addeditclass .clubfckeditor .row > div { width: 98% !important; max-width: 100%; }
.addeditclass .clubfckeditor .row > div > div { width: 98% !important; }
.search-layout-sec .search-body .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2) { width: 100%; }
.search-layout-sec .activitySearch.search-body .search-body-colem:nth-child(2) { width: 100%; }
.search-layout-sec .activitySearch.search-body .search-body-colem.last, .search-layout-sec .activitySearchMem.search-body .search-body-colem.last { width: 70%; margin: 0 }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem.last label { width: 46%; }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem.last select { width: 61%; }
.search-layout-sec .search-body .search-row { padding: 0 }
.search-layout-sec .activitySearchMem1.search-body .search-body-colem { width: 100% }
.search-layout-sec .activitySearchMem.search-body .search-body-colem:nth-child(1), .search-layout-sec .activitySearchMem.search-body .search-body-colem:nth-child(2) { width: 100% }
.search-layout-sec .search-body .search-body-colem { width: 100%; }
.search-layout-sec .search-body-btn-colem { width: 100%; }
.search-layout-sec .search-body .search-row label { width: 100%; }
.search-layout-sec .search-body .search-body-btn-colem .search-row { width: 48%; }

table.tableGrid { max-width: 100%; width: 1000px; }
.member-left-table { float: none; width: 98%; margin: 0 1% 20px; }
.setvalidatorlist .member-left-table,.member-right-table { float: none; width: 98%; margin: 0 1% 20px; }
.qualification-detail-list-colem, .editmembercorres .qualification-detail-list-colem { border-bottom: 0 }
.qualification-detail-row, .editmembercorres .qualification-detail-row { border-bottom: 1px solid #e1e0e0; width: 100%; }
.search-layout-sec .search-body.memberreport .search-body-colem:nth-child(1), .search-layout-sec .search-body.memberreport .search-body-colem:nth-child(2), .search-layout-sec .search-body.paymenrreport .search-body-colem:nth-child(1), .search-layout-sec .search-body .search-body-colem:nth-child(2), .search-layout-sec .search-body.paymenrreport .search-body-colem { width: 100%; }
.search-layout-sec .search-body.memberreport .search-row label { width: 100%; }
.search-layout-sec .search-body.membercate .search-row label { width: 100%; }
.search-layout-sec .search-body.membercate .membercategory { width: 80%; }
.search-layout-sec .search-body.membercate .membercategory tr td { width: auto; }
.row > div.requiredinp { width: 100% }
.addeditclass .loginname .row label, .addeditcusfieldT .row label, .editcorrespondence label, .addeditclass .row label, .qualification-detail-row label { width: 40%; }
.loginname .row > div.requiredinp, .addeditcusfieldT .row > div.requiredinp, .row > div.requiredinp, .qualification-detail-row > div.requiredinp { width: 50%; }
.addeditclass .loginname .row input[type="password"], .addeditcusfieldT .row > div.requiredinp input[type="text"], .addeditclass .row > div.requiredinp input[type="text"], .addeditclass .row > div.requiredinp input[type="password"] { width: 90%; }
.qualification-detail-row.smlselect > div.requiredinp select { width: 97%; }
.addeditcusfieldT .row input[type="text"], .editcorrespondence input[type="text"], .editcorrespondence input[type="password"] { width: 44%; }
.row > div.requiredinp select.smlinp { width: 93%; }
.row input[type="text"], .row input[type="password"], .row input[type="number"], .row input[type="file"] { width: 44%; }
.row select { width: 46%; }
.colem.smlinp .row > input[type="text"] { width: 22%; }
.addeditclass .row.blknone { display: none; }
.addeditclass .loginname .row > div.requiredinp input[type="text"] { margin: 5px 0 5px 0; width: 92%; }
.addeditclass .loginname .row > div.requiredinp input[type="submit"] { display: block; margin-bottom: 5px; }
.addeditclass .loginname .row > div.requiredinp .loginerror > span { font: 400 12px/18px "Open Sans", sans-serif }
.editTabingHeader li a { padding: 10px 4px 9px }
.qualification-detail-row.smlselect > div.requiredinp input[type="text"] { width: 50%; }
.qualification-detail-row.smlselect input[type="text"] { width: 24%; }
.qualification-detail-row.smlselect select { width: 26%; }
}
@media only screen and (max-width:767px) {
.body-content { margin: 0; padding: 20px 2%; }
.openSlideBody .body-content { margin: 0 }
.openSlide.left-tabing-sec > ul { display: block; overflow: auto; height: 500px; }
.left-tabing-sec { position: fixed; left: 0; top: 8%; }
.paginginationOuter .mobilenone { display: none; }
.paging-btn-group { text-align: left }
.inner-heading-sec { padding: 0 0 0 2%;}
.add_plus_btn { position: relative; text-align: right }
.row label, .addeditclass .loginname .row label { width: 96%; padding: 5px 2%; margin: 0; text-align: left; background: none; border-right: 0; font: 400 14px/20px "Open Sans", sans-serif; display: block; }
.row input[type="password"], .addeditclass .loginname .row input[type="password"] { margin: 0 2% 5px; width: 90%; }
.addeditclass .row label > small, .row label > small { font: 600 14px/24px "Open Sans", sans-serif; }
.addeditclass .loginname .row input[type="text"] { width: 57%; }
.addeditclass .row select { margin: 0 2% 5px; width: 92%; }
.addeditclass .row input[type="text"], .row input[type="password"], .row input[type="number"], .row input[type="file"] { margin: 0 2% 5px; width: 90%; }
.addeditclass .loginname .row > span.loginerror { padding-left: 2%; }
.row > span { padding-left: 2%; }
.left-tabing-sec > ul { display: none }
.left-tabing-sec ul li:nth-child(7) ul.sub-menu, .left-tabing-sec ul li:nth-child(9) ul.sub-menu { margin-top: 0; }
.left-tabing-sec ul ul.sub-menu { width: 100%; position: relative; right: 0; top: 0; display: block; }
.left-tabing-sec > ul > li:nth-child(8):hover > a, .left-tabing-sec > ul > li:nth-child(7):hover > a { background-color: #002b54; text-decoration: none; }
.qualification-detail-row.textarea label { height: auto; }
.qualification-detail-row.textarea textarea { width: 94% }
.search-layout-sec .search-body.membercate .search-row label { width: 98%; }
.search-layout-sec .search-body.membercate .membercategory { float: none; }
.search-layout-sec .search-body.memberreport .search-body-colem:nth-child(1), .search-layout-sec .search-body.memberreport .search-body-colem:nth-child(2) { width: 100%; }
.search-layout-sec .search-body.memberreport .search-row label { width: 100% }
.memberreport .memberreportcolem { width: 80% }
.search-layout-sec .search-body.membercate .membercategory { width: 100%; }
.add_plus_btn.member { margin: 0 2% 10px; }
.qualification-detail-row label { margin: 0; padding: 5px 2%; width: 88%; border: 0; font: 600 14px/20px "Open Sans", sans-serif; text-align: left; background: none; }
.qualification-detail-row.smlselect select { width: 49%; margin: 5px 2%; }
.qualification-detail-row.smlselect input[type="text"] { width: 47%; margin: 5px 2%; }
.qualification-detail-row input[type="text"] { width: 93%; margin: 5px 2%; }
.qualification-detail-row select { width: 96%; margin: 5px 2%; }
.qualification-detail-row > span { display: block; padding: 5px 2%; font: 400 14px/20px "Open Sans", sans-serif; }
.row.question-type label { width: 97%; height: auto; }
.radio-table { width: 100%; }
.row.question-type .radio-table label { display: inline-block }
.radio-table input[type="radio"] { margin: 8px 10px 0 10px; }
.row input[type="text"], .row input[type="password"], .row input[type="number"], .row input[type="file"] { margin: 3px 2%; }
.addeditcusfieldT .row label { width: 94% }
.addeditclass .row label { width: 90%; display: block }
.loginname .row > div.requiredinp, .addeditcusfieldT .row > div.requiredinp, .row > div.requiredinp { width: 100%; }
.addeditclass .loginname .row > div.requiredinp input[type="text"] { margin: 5px 2%; width: 90%; }
.addeditclass .loginname .row > div.requiredinp input[type="submit"] { display: block; margin: 0 2% 5px; }
.addeditclass .loginname .row > div.requiredinp .loginerror > span { font: 400 12px/18px "Open Sans", sans-serif }
.outertableres { overflow: auto; width: 100%; }
.paymentLeft { float: none; border: 0; border-top: 1px solid #e1e0e0; width: 100%; }
.paymentRight { width: 100%; float: none; }
.paymentLeft .row label { width: 98%; margin: 0 }
.paymentLeft .row select { margin: 0 1%; }
.paymentLeft .row input[type="text"] { margin: 0 1%; }
.chkEventClass tr td { display: inline-block; text-align: left; width: 100%; border-right: 0px; }
.chkEventClass { border-bottom: 1px solid #e1e0e0; }
.chkEventClass tr td label { width: 90%; }
.row > div.requiredinp select { width: 92%; }
.chkEventClass tr td input[type=checkbox], .chkEventClass tr td input[type=radio] { float: right; }
.qualification-detail-row label > span.mendtory { font: 400 14px/20px "Open Sans", sans-serif; }
.editmembercorres .subject-text-msg label { height: auto; }
.editTabingHeader { }
.editTabingHeader li { width: 100%; float: left; border: 0; }
.editTabingHeader ul li:first-child a { border-radius: 10px 10px 0 0 }
.editTabingHeader li a { float: none; display: block; text-align: left; padding: 8px 15px 8px; }
.editTabingHeader ul li a:hover { border: 1px solid transparent; }
.RenewalEmailLeftOptions { width: 96%; padding: 0 2%; display: block; }
.RenewalEmailRightOptions { width: 96%; padding: 0 2%; display: block; margin-top: 20px; }
.header-notification{float:none !important; margin-left:10px;}
}
@media only screen and (max-width:640px) {
.inner-body-sec.defaultIcon ul li, .inner-body-sec.settings-sec ul li { width: 150px; margin: 15px 15px 10px 15px }
.header-logo { width: 40%; }
.header-logo a { display: block; }
.header-logo img { max-width: 100% }
.search-layout-sec .search-body.membercate .membercategory tr td { width: 100%; display: inline-block }
.PopUpPanel { min-width: 300px; }
.paymentLeft .row select { margin: 0 1%; width: 96%; }
.paymentLeft .row input[type="text"] { width: 94%; }
.paymentLeft .row > span { font: 400 14px/20px "Open Sans", sans-serif; }
.search-layout-sec .search-body .search-row table td { display: inline-block; width: 100%; }
footer p br { display: block; }
}
@media only screen and (max-width:480px) {
header { height: auto; }
.header-logo { text-align: center; padding: 10px 5% 0 5%; float: none; width: 90% }
.header-logo img { max-width: 100%; }
.left-tabing-sec { top: 0 }
.right-header { float: none; width: 60%; padding: 0 0 10px 0; margin: 0 auto; }
.coaches-checkbox-information input[type="checkbox"] { margin: 9px 0 0 5px }
.tableGridmember > tbody > tr > td > input[type="text"] { width: 84%; }
.tableGridmember > tbody > tr > td > select { width: 86%; }
.inner-body-sec.defaultIcon ul li { width: 170px; }
}
@media only screen and (max-width:361px) {
.inner-body-sec.defaultIcon ul li, .inner-body-sec.settings-sec ul li { width: 122px; }
}


.header-notification{float:right; cursor:pointer; margin-right:20px; width:14px;}
.header-notification > ul {
    position: absolute;
    bottom: 8px;
}
.header-notification > ul > li{
    position:relative;
    list-style:none;
    width: 34px;
height: 28px;
}
.header-notification > ul > li > span{
    background: #f00;
    color: #fff;
    padding: 2px 2px;
    position: absolute;
    top: -8px;
    font-size: 11px;
    border-radius: 100%;
    right:-4px;
    width: 18px;
    height: 17px;
    line-height: 16px;
    text-align:center;
}
.header-notification > ul > li ul{
    position: absolute;
    top: 30px;
    width: 200px;
    background: #fff;
    padding:0 10px;
    border-radius: 6px;
    box-shadow: 0 5px 6px #cacaca;
    z-index: 999;
}
.header-notification > ul > li ul li{
    list-style:none;
    color:#111;
    font-size:13px;
}
.header-notification > ul > li ul li a{    
    border-bottom:1px solid #eee;
    padding:10px 0;
    font-size:12px;
    color:#444;
    display:block;
    line-height:16px;
}
.header-notification > ul > li ul li a:hover{
    text-decoration:none;
}
.header-notification > ul > li ul li a b{
    display:block;
    color:#002942;
    font-weight:600;
    font-size:13px;
    padding-bottom:6px;
    
}
.view-more{
    text-align:center;
    color:#1364e3 !important;
}
.read-more {
    text-align: left;
    color: #1364e3 !important;
}
.header-notification-list{
    clear:both;
    margin:20px 1%;
    
}
.header-notification-list a{   
    padding:17px; 
    border:1px solid #b5deec;
    background:#daeef8; 
    font-size:13px;
    color:#307a97;
    display:block;
    line-height:16px;
    font-size:14px;
    border-radius:4px;
    margin-bottom:12px;
    font-weight:700;
}
.header-notification-list a:hover{
    text-decoration:none;
}
.header-notification-list a img{
    float:right;
}
.header-notification-list div{
    padding:20px 12px;
    font-size:14px;
}
.header-notification-list div{
    padding:17px; 
    border:1px solid #b5deec;
    border-top:none;
    background:#daeef8; 
    font-size:13px;
    color:#307a97;
    display:block;
    line-height:20px;
    font-size:14px;
    border-radius:4px;
    margin-top:-23px;
    margin-bottom:12px;
    position:relative;
}
.header-notification-list a.readed, .header-notification-list div.readed{
    background:#fff;
}
.header-notification-list a span{
    background:url("../images/arrow-down.png") center center no-repeat;
    width:16px;
    height:9px;
    float:right;
}
div.readed[style="display:block"]:after{
    position:absolute;
    content:"";
    background:#fff url("../images/arrow-up.png") center center no-repeat;
    width:20px;
    height:20px;
    right:15px;
    top:-30px;
}