@import url('bootstrap.min.css');
/***** RESET BROWSER STYLE *****/
/*******************************/

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;*/
    vertical-align: middle;
	line-height: 21px;
	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; }

a, a:link { color: blue; }
h4 { font-size: 16px; }

table { 
		width: 100%; 
		border-collapse: collapse; 
        background-color:#fff;
        color:black;
	}
	/* Zebra striping */
	tr:nth-of-type(odd) { 
		background: #eee; 
	}
	th { 
		background: #333; 
		color: white; 
		font-weight: bold; 
        cursor:pointer;
	}
	td, th { 
		padding: 6px; 
		border: 1px solid #ccc; 
		text-align: left; 
        font-family: sans-serif;
	}

body {
	/*background: url(../images/leftpanelbg.png) repeat-y 0 0;*/ 
    font-size: 12px;
	font-family: 'RobotoRegular', 'Helvetica Neue', Helvetica, sans-serif; 

}
/*/*** LOGIN PAGE ***/
.loginpanel { position: absolute; top: 50%; left: 50%; height: 300px; }
.loginpanelinner { position: relative; top: -150px; left: -50%; }
.loginpanelinner .logo { text-align: center; padding: 20px 0; }

.inputwrapper input { border: 0; padding: 10px; background: #fff; width: 250px; }
.inputwrapper input:active, .inputwrapper input:focus { background: #fff; border: 0; }
.inputwrapper button {
		  display: block; border: 1px solid #0c57a3; padding: 10px; background: #0972dd; width: 100%;
		  color: #fff; text-transform: uppercase; }
.inputwrapper button:focus, .inputwrapper button:active, .inputwrapper button:hover { background: #1e82e8; }
.inputwrapper label {
		  display: inline-block; margin-top: 10px; color: rgba(255,255,255,0.8); font-size: 11px; vertical-align: middle; }
.inputwrapper label input { width: auto; margin: -3px 5px 0 0; vertical-align: middle; }
.inputwrapper .remember { padding: 0; background: none; }

.login-alert { display: none; }
.login-alert .alert { font-size: 11px; text-align: center; padding: 5px 0; border: 0; }
.loginfooter {
		  font-size: 11px; color: rgba(255,255,255,0.5); position: absolute; position: fixed; bottom: 0; left: 0;
		  width: 100%; text-align: center; font-family: arial, sans-serif !important; padding: 5px 0; }
/*** LEFT PANEL ***/

.leftpanel { width: 170px; color: White; float: left; }
.leftmenu .nav-header {
	font-weight: normal; font-size: 12px; padding: 5px 20px; text-shadow: none; background: #232323;
	border-bottom: 1px solid #222; color:White; }
.leftmenu .nav-tabs.nav-stacked .dropdown ul li a  {
	display: block; font-size: 12px; padding: 7px 10px 7px 30px; color: #333; background-position: 15px 12px;
	background-image: url(../images/menuarrow.png); background-repeat: no-repeat;  
}
/*.leftmenu .nav-header {
	font-weight: normal; font-size: 12px; padding: 5px 20px; text-shadow: none; background: #232323;
	border-bottom: 1px solid #222; color:White; }
.leftmenu .nav-tabs.nav-stacked a { color: #999; padding: 10px 20px; font-size: 14px; color:white; }
.leftmenu .nav-tabs.nav-stacked a span { margin-right: 10px}
.leftmenu .nav-tabs.nav-stacked > li > a { border: 0; border-bottom: 1px solid #232323; }
.leftmenu .nav-tabs.nav-stacked > li > a:hover,
.leftmenu .nav-tabs.nav-stacked > li > a:focus { background-color: #2c2c2c; color: #fff; border-bottom-color: #232323; }
.leftmenu .nav-tabs.nav-stacked > li.active > a { background-color:#b687d1; color: #fff; border-bottom-color: rgba(0,0,0,0.2); }
.leftmenu .nav-tabs.nav-stacked > li.active > a:hover { background-color: #b687d1; }
.leftmenu .nav-tabs > li { margin-bottom: 0; }


.leftmenu .nav-tabs.nav-stacked > li.dropdown ul { background: #eee; display: none; }
.leftmenu .nav-tabs.nav-stacked > li.dropdown ul li { border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
.leftmenu .nav-tabs.nav-stacked > li.dropdown > a {
	background-image: url(../images/droparrow.png); background-repeat: no-repeat; background-position: right 19px; }

.leftmenu .nav-tabs.nav-stacked .dropdown ul li a  {
	display: block; font-size: 12px; padding: 7px 10px 7px 30px; color: #333; background-position: 15px 12px;
	background-image: url(../images/menuarrow.png); background-repeat: no-repeat;  
}
.leftmenu .nav-tabs.nav-stacked .dropdown ul li.active a { background-color: #fff; }
.leftmenu .nav-tabs.nav-stacked .dropdown ul li a:hover { text-decoration: none; background-color: #fff; }
.leftmenu .nav-tabs.nav-stacked .dropdown ul ul li { border-right: 0; }
.leftmenu .nav-tabs.nav-stacked .dropdown ul ul li a { padding-left: 70px; background-position: 50px 12px; }
.leftmenu .nav-tabs.nav-stacked .dropdown ul ul li:first-child a { border-top: 1px solid #ddd; }*/ 

/*** HEADER ***/

.header { background: #0866c6; clear: both; height: 60px; } /*need more work in background color*/
.headerinner { margin-left: 170px; }
.header .logo { width: 170px; text-align: center; padding-top: 5px; float: left; }

.headmenu { list-style: none; }
.headmenu .dropdown-menu { border: 2px solid #0866c6; border-top: 0; margin: 0; }
.headmenu .nav-header { text-shadow: none; font-weight: normal; }
.headmenu .dropdown-menu::after {
	position: absolute; top: -6px; left: 45px; display: inline-block; border-right: 6px solid transparent;
	border-bottom: 6px solid white; border-left: 6px solid transparent; content: ''; }
.headmenu > li {
	display: inline-block; float: left; font-size: 14px; position: relative; border-right: 1px solid rgba(255,255,255,0.15); }
.headmenu > li:first-child { border-left: 1px solid rgba(255,255,255,0.15); }
.headmenu > li.odd { background: rgba(255,255,255,0.1); }
.headmenu > li.right { float: right; }
.headmenu > li > a {
	min-width: 60px; position: relative; display: block; color: #fff;
	padding: 4px 10px 4px 10px; cursor: pointer; }
.headmenu > li > a:hover { text-decoration: none; }
.headmenu > li > a .count { position: absolute; top: 5px; right: 10px; opacity: 0.5; }
.headmenu > li > a:hover .count, .headmenu > li.open > a .count { opacity: 1; }
.headmenu > li > a .headmenu-label { display: block; margin: 2px 0 2px 0; opacity: 0.5; text-align: center; font-size:12px; }
.headmenu > li > a:hover .headmenu-label, .headmenu > li.open > a .headmenu-label { opacity: 1; }

.headmenu > li > a .head-icon { width: 30px; height: 27px; display: block; margin: auto; opacity: 0.5; }
.headmenu > li > a:hover .head-icon, .headmenu > li.open a .head-icon { opacity: 1; }

/*.head-message { background-image: url(../images/icons/message.png); }
.head-users { background-image: url(../images/icons/users.png); }
.head-bar { background-image: url(../images/icons/bar.png); }*/

.head-operation { background-image: url(../images/icons/icon-archive.png); background-repeat: no-repeat;}
.head-administration { background-image: url(../images/icons/users.png); background-repeat: no-repeat; }
.head-tools { background-image: url(../images/icons/icon-help.png); background-repeat: no-repeat; }
.head-clubhealth { background-image: url(../images/icons/bar.png); background-repeat: no-repeat; }

.viewmore a { font-size: 11px; text-transform: uppercase; font-size: 11px !important; }

.userloggedinfo { padding: 2px; color: #fff; }
.userloggedinfo img { padding: 3px; background: rgba(255,255,255,0.2); width: 60px; height:50px; float: left; }
.userloggedinfo .userinfo { float: left; margin-left: 10px; }
.userloggedinfo .userinfo small { font-size: 11px; opacity: 0.6; color: #fff; font-family: sans-serif; font-style: italic; }
.userloggedinfo ul { list-style: none; margin-top: 2px; }
.userloggedinfo ul li { display: block; font-size: 11px; line-height: normal; margin-bottom: 1px; }
.userloggedinfo ul li a { padding: 4px 5px 3px 5px; color: #fff; line-height: normal; background: rgba(255,255,255,0.1); display: block; }
.userloggedinfo ul li a:hover { text-decoration: none; background: rgba(255,255,255,0.2); }

.no-borderradius .userloggedinfo .userinfo { float: none; margin-left: 92px; }

/*** MAIN PANEL ***/
/*.rightpanel { margin-left: 170px; background: url(../images/bg1.png); }*/
.rightpanel { margin-left: 0px; background: url(../images/bg1.png); }
.rightpanel:after { clear: both; content: ''; display: block; }
.maincontent { float: left; width: 100%; }
.maincontentinner { padding: 5px; }
.rightpanel { margin-left: 0px; background: url(../images/bg1.png); }
.rightpanel:after { clear: both; content: ''; display: block; }


/*** HEADERS AND BOXES ***/
.widget {
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}
.widgettitle { background: #0866c6; color: #fff; padding: 12px 15px; font-size: 14px; } /*need more work in background color*/
.widgettitle span { vertical-align: middle; display: inline-block; margin-right: 8px; }
.widgetcontent { background: #fff; padding: 15px 12px; border: 2px solid #0866c6; border-top: 2px solid #0866c6; margin-bottom: 5px; }
.widgetcontent p { margin: 1px 0; }


/*** HEADERS AND BOXES ***/

.title-danger { background-color: #dd0000 !important; }
.title-warning { background-color: #FCB904 !important; }
.title-success { background-color: #86D628 !important; }
.title-info { background-color: #71B8EE !important; }
.title-inverse { background-color: #333 !important; }

.wheeloption { margin-bottom: 21px; }
.wheeloption-box { margin-bottom: 0; }
.wheeloption .btn-group { float: right; }
.wheeloption .btn-group .btn, .headtitle .btn-group .btn:focus,
.wheeloption .btn-group.open .btn.dropdown-toggle {
		  border: 0; border-left: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 11px 20px; }
.wheeloption .dropdown-menu  { left: auto; right: 0; }
.wheeloption .btn-group .btn .caret { border-top: 4px solid #fff; }




.headtitle { margin-bottom: 21px; }
.headtitle-box { margin-bottom: 0; }
.headtitle .btn-group { float: right; }
.headtitle .btn-group .btn, .headtitle .btn-group .btn:focus,
.headtitle .btn-group.open .btn.dropdown-toggle {
		  background: none; border: 0; border-left: 1px solid rgba(255,255,255,0.2); color: #fff; padding: 11px 20px; }
.headtitle .dropdown-menu { left: auto; right: 0; }
.headtitle .btn-group .btn .caret { border-top: 4px solid #fff; }

.widgetbox .headtitle { margin-bottom: 0; }

.box-danger .widgettitle { background-color: #dd0000; }
.box-danger .widgetcontent { border-color: #dd0000; }

.box-warning .widgettitle { background-color: #FCB904; }
.box-warning .widgetcontent { border-color: #FCB904; }

.box-success .widgettitle { background-color: #86D628; }
.box-success .widgetcontent { border-color: #86D628; }

.box-info .widgettitle { background-color: #71B8EE; }
.box-info .widgetcontent { border-color: #71B8EE; }

.box-inverse .widgettitle { background-color: #333; }
.box-inverse .widgetcontent { border-color: #333; }

.minimize {
		  width: 15px; height: 19px; display: block; color: #000; font-size: 22px; float: right; text-align: center;
		  margin-right: 10px; cursor: pointer; opacity: 0.2; text-shadow: 1px 1px rgba(255,255,255,0.3); }
.minimize.collapsed { font-size: 20px; }
.minimize:hover { color: #333; opacity: 0.7; text-decoration: none; }

@media screen and (max-width: 1024px) {

    /*general*/
    .mainwrapper {
        overflow: hidden;
    }

    .header .logo {
        margin-left: -170px;
    }

    .header {
        width: 100%;
    }

    .headerinner {
        width: 100%;
        margin-left: 0;
    }

    .leftpanel {
        margin-left: -170px;
    }

    .rightpanel {
        margin-left: 0;
        width: 100%;
    }

    .topbar {
        display: block;
        background: #272727;
        height: 30px;
    }

    .barmenu {
        font-size: 18px;
        color: #fff;
        background: url(../images/barmenu.png) no-repeat center center;
        width: 50px;
        height: 30px;
        display: block;
        cursor: pointer;
    }


    .errorpage .topbar {
        display: none;
    }
}
                
		  


/*** EDIT PROFILE ***/
.editprofileform label { float: left; width: 120px; font-size: 15px;
	font-weight: bold;  padding: 2px; font-family:Calibri;  }
.editprofileform input[type=checkbox] { margin: 0; margin-right: 10px; vertical-align: middle; }

/*.editprofileform p { margin: 1px 0; }*/

/*** BOOTSTRAP OVERRIDE **/
select, textarea, input[type="text"], input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,
.input-append input, .input-prepend input, .input-append select, .input-prepend select,
.input-append .uneditable-input, .input-prepend .uneditable-input,
.input-append .dropdown-menu, .input-prepend .dropdown-menu, .input-append .popover,
.input-prepend .popover, .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover,
.input-append .add-on, .input-prepend .add-on {
	font-size: 12px;
    color:black;
}

.btn {
	display: inline-block; -moz-box-shadow: none; -webkit-box-shadow: none;
	box-shadow: none; border-color: #bbb; margin-bottom: 2px; }
.btn-primary, .btn-primary:link { background: #84b6e9; border-color: #0a6bce; color: #fff; }
.btn-primary:hover, .btn-primary:active, .btn:primary:focus { background: #0a76e5; }

/*** Form Buttons ***/
/***  TYPOGRAPHY ***/

/*ul.list-unordered, ol.list-ordered,
ul.list-unordered ul, ol.list-ordered ol { margin: 0 0 0 25px; padding: 0; }
ul.list-checked, ol.list-checked,
ul.list-checked2, ol.list-checked2 { list-style: none; margin: 0; }
ul.list-checked li, ol.list-checked li { background: url(../images/check.png) no-repeat 0 2px; padding-left: 25px; display: block; } 
ul.list-checked2 li, ol.list-checked2 li { background: url(../images/check2.png) no-repeat 0 2px; padding-left: 25px; display: block; }*/ 
ul.list-nostyle ul, ol.list-style ol,
ul.list-nostyle ol, ol.list-style ul { margin: 0 0 0 25px; padding: 0; }
ul.list-nostyle li, ol.list-nostyle li { list-style: none; }
ul.list-nostyle li span, ol.list-nostyle li span { vertical-align: top; }
ul.list-inline li { display: inline-block; margin: 0 5px 10px 0; }

@font-face {
            font-family: 'fontello';
            src: url('../font/fontello.eot?32040705');
            src: url('../font/fontello.eot?32040705#iefix') format('embedded-opentype'), url('../font/fontello.woff?32040705') format('woff'), url('../font/fontello.ttf?32040705') format('truetype'), url('../font/fontello.svg?32040705#fontello') format('svg');
            font-weight: normal;
            font-style: normal;
        }

        [class^="icon-"]:before, [class*=" icon-"]:before {
            font-family: "fontello";
            font-style: normal;
            font-weight: normal;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            width: 1em;
            margin-right: .2em;
            text-align: center;
            font-variant: normal;
            text-transform: none;
            line-height: 1em;
            margin-left: .2em;
        }

        .icon-list-bullet:before {
            content: '\e800';
        }

        /*** BUTTONS & ICONS ***/

[class^="iconsweets-"], [class*=" iconsweets-"] {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  background-image: url(../images/iconsweets-icons.png);
  background-position: -16px -16px;
  background-repeat: no-repeat;
}

.iconsweets-windows {
background-position: -240px -208px;
}

/* White icons with optional class or on hover/active states of certain elements */
.iconsweets-white {
  background-image: url(../images/iconsweets-icons-white.png);
}

.iconsweets-arrowleft { background-position: -112px -688px; }

.btn-danger, .btn-danger:link { background: #dd0000; border-color: #aa0000; }

/*have to commit*/
.btn {
font-size: 12px;
padding: 5px 12px 5px;
text-shadow: none;
}

.btn-success, .btn-success:link { background: #1a81ce; border-color: #6db814; }
.btn-success:hover, .btn-success:active, .btn-success:focus,
.btn-group.open .btn-success.dropdown-toggle { background: #7bca1d; }

.btn-successpos, .btn-successpos:link { background: #6494d5; border-color: #222; }
.btn-successpos:hover, .btn-successpos:active, .btn-successpos:focus,
.btn-group.open .btn-successpos.dropdown-toggle { background: #7bca1d; }
/*have to commit*/

.btn-warning:hover, .btn-warning:active, .btn-warning:focus, .btn-group.open .btn-warning.dropdown-toggle {
background: #daa004;
}

#btnSave:hover, #btnSave:active, #btnSave:focus, .btn-group.open #btnSave.dropdown-toggle {
background: #149216;
}
#btnSave, #btnSave:link {
 background: #149216; 
 border-color: #daa004; 
}


.peoplelist { margin: 0; }
.peoplelist .peoplewrapper { border: 1px solid #ccc; padding: 15px; background: #fff; height: 120px; margin-bottom: 20px; }
.peoplelist .thumb { float: left; }
.peoplelist .thumb img { display: block; width: 80px; }
.peoplelist .peopleinfo { margin-left: 0px; }
.peoplelist .peopleinfo h4 { font-size: 15px; }
.peoplelist .peopleinfo h4 a {
	font-family: sans-serif; font-size: 10px; margin-left:4px; text-transform: uppercase; }
	.peoplelist .peopleinfo h4 span {
	font-family: sans-serif; font-size: 13px; color:Red; text-transform: uppercase; }
.peoplelist .peopleinfo h4 a.on { color: green; }
.peoplelist .peopleinfo h4 a.off { color: #999; }
.peoplelist .peopleinfo ul { list-style: none; font-size: 11px; color: #666; }
.peoplelist .peopleinfo ul li { line-height: 18px; }
.peoplelist .peopleinfo ul li span { line-height: 18px; }

/*** TABLES ***/

.dataTable { margin-bottom: 0; }
.dataTable th, .dataTable td { font-size: 12px; }
.dataTables_wrapper { position: relative; }
.dataTables_length, .dataTables_info { background: #eee; padding: 10px; font-size: 11px; border: 1px solid #ddd; }
.dataTables_length { border-bottom: 0; }
.dataTables_info { border-top: 0; }
.dataTables_filter { position: absolute; top: 12px; right: 10px; }
.dataTables_filter input { width: 150px; margin: 0 0 0 10px; }
.dataTables_paginate { position: absolute; bottom: 10px; right: 10px; }
.dataTables_paginate .first, .dataTables_paginate .previous, .dataTables_paginate .paginate_active, 
.dataTables_paginate .paginate_button, .dataTables_paginate .next, .dataTables_paginate .last { 
	padding: 5px 10px; border: 1px solid #ccc; border-left: 0; font-size: 11px; background: #eee; cursor: pointer; }
.dataTables_paginate span:hover { background-color: #ddd; }
.dataTables_paginate .first { border-left: 1px solid #ccc; }
.dataTables_paginate .paginate_active { background: #fff; }
.dataTables_paginate .paginate_button:hover { background: #eee; }
.dataTables_paginate .paginate_button_disabled { cursor: default; color: #ccc; background: #eee; }
.dataTables_paginate a { color: #666; }
.dataTables_paginate a:hover { text-decoration: none; }
.dataTables_length select { width: auto !important; margin: 0; }
.dataTables_scrollHead { background: #333; }
.dataTables_scrollHead table { border-bottom: 0; }

#dyntable2_wrapper .dataTables_filter {
		  position: static; padding: 10px; background: #eee; text-align: right; border-left: 1px solid #ccc;
		  border-right: 1px solid #ccc; }
#dyntable2_info { border-top: 1px solid #ddd; }