/** styles for boardbook premier **/
/** reference check **/
body
{
	color: #333;
}
.sparqMenuBar
{
	background-color: #ffffff;
	color: #000000;
}
#sparqUserMenuBar .usersImage 
{
/**
	width: 36px;
	height: 36px;
**/
}

#sparqUserMenuBar .organizationSelectForm select, 
#sparqUserMenuBar .organizationSelectForm select:hover 
{
	
	color: #005d83;
	font-family: Helvetica, Arial, san-serif;
	font-size: 14px;
	font-weight: bold;	
} 

#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect,
#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner
{
	margin-top: 8px;
}
#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect option
{
	background-color: #fff;
} 

.sparqMenuBar, .sparqMenuBar .sparqMenu, 
#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect option, 
#sparqUserMenuBar #sparqUser-Menu #sparqMenuOrganizationSelect optgroup, 
#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner option, 
#sparqUserMenuBar #sparqUser-Menu .sparqMenuOrganizationSelect_partner optgroup 
{
	background-color: #fff;
}

#sparqUser-Menu-SignIn,
#sparqUser-Menu-SignIn .fa.fa-sign-in
{
	color: #000;
	font-size: 18px !important;	
} 



#netsMenuBar .k-state-hover,
#sparqUserMenuBar .k-state-hover
{
	background-color: transparent !important;
}
#sparqUserMenuBar #sparqUser-Menu img.logo {
    /*height: auto;*/
    width: 300px;
}
#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item
{
	padding: 8px 12px 8px 12px;
}
#netsMenuBar .sparq-menu-item[role="menuitem"] a[aria-label="search"] i.fa-search:before
{
	content: url(https://www.boardbook.org/assets/boardbook/images/search.png);
}
#netsMenuBar .sparq-menu-item[role="menuitem"] span i.fa-bell-o:before
{
	content: url(https://www.boardbook.org/assets/boardbook/images/notifications.png);
}
#netsMenuBar .sparq-menu-item[role="menuitem"] span i.fa-question-circle:before
{
	content: url(https://www.boardbook.org/assets/boardbook/images/help.png);
}
#sparqUser-Menu .sparq-menu-item.k-item.k-state-default.k-first
{
	margin-top: 6px;
	margin-left: 6px;
}
#sparqUserMenuBar #sparqUser-Menu{min-height: auto;}
.mainLogoLink .mainLogo
{
	max-width: 423px;
    /*height: 100%;*/
	margin-top: 6px !important;
	margin-bottom: 10px !important;
}

li.k-item .fa, li.k-item.sparq-menu-item
{
	color: #000000;	
}

.calendar-checkbox[data-calendarcolor="#f8a398"]
{
	background-color: blue !important;
}

#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item
{
    /**padding: 12px;**/
    border-left: 0 transparent none;
}

#kendoMenu-Main
{
	background-color: #d6d6d8;
}

#kendoMenu-Main ul.navbar-nav li.k-item a.k-link i.fa,
#kendoMenu-Main ul.navbar-nav li.k-item span.k-link i.fa
{
	display: none;
}
#kendoMenu-Main ul.navbar-nav li.k-item a.k-link,
#kendoMenu-Main ul.navbar-nav li.k-item span.k-link
{
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-left: 8px;
	margin-right: 8px;
}
#kendoMenu-Main #kendoMenu-Inner .k-item>.k-link
{
    border-right: 0 transparent none;
}
#DisplayHeader
{
	background-color: #005d83;
	background-image: none;
}

#DisplayHeader h1
{
	text-align: left;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: white;
}
#MainPage
{
	padding-top: 15px;
}

#MainPage h2
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	color: black;	
}

#MainPage h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: black;	
}

#MainPage h3 .fa:before
{
	display:none;
}

#basic-submenubar a
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
	color: #182853;
}

table.table tr th, div.row.header
{
    background-color: #4d4d4f;
}

a:active
{
    color: #182853;
}
a:visited
{
    color: #2087b6;	
}

a.btn-primary,
.btn-primary,
.btn-primary:hover
{
    color: #ffffff;
    background-color: #005d83;
    border-color: #005d83;
}

#MainPage h1.home-index-h1
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	color: #000000;	
}

#MainPage h3.home-index-h3
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 24px;
	color: black;	
}

.k-scheduler-content div.k-event[style*="rgb(86, 202, 133)"]{background-color: #182853 !important; border-color:#182853 !important; color: #ffffff !important;}
.k-scheduler-content div.k-event[style*="rgb(248, 163, 152)"]{background-color: #005d83 !important; border-color:#005d83 !important; color: #ffffff !important;}
.k-scheduler-content div.k-event[style*="rgb(81, 160, 237)"]{background-color: #6fb0c7 !important; border-color:#6fb0c7 !important; color: #ffffff !important;}
.k-scheduler-content div.k-event[style*="rgb(255, 255, 26)"]{background-color: #4d4d4f !important; border-color:#4d4d4f !important; color: #ffffff !important;}

#calendars .calendar-checkbox[data-calendarcolor="#56ca85"]{background-color: #182853 !important; border-color:#182853 !important; color: #ffffff !important;}
#calendars .calendar-checkbox[data-calendarcolor="#f8a398"]{background-color: #005d83 !important; border-color:#005d83 !important; color: #ffffff !important;}
#calendars .calendar-checkbox[data-calendarcolor="#51a0ed"]{background-color: #6fb0c7 !important; border-color:#6fb0c7 !important; color: #ffffff !important;}
#calendars .calendar-checkbox[data-calendarcolor="#ffff1a"]{background-color: #4d4d4f !important; border-color:#4d4d4f !important; color: #ffffff !important;}

#calendars .calendar-checkbox
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18 px;
	font-weight: bold;
	color: #ffffff;
}

footer
{
	background-color: #e8e8e9;
	padding: 15px;
	display: flex;
	flex-direction: column;
}
footer + div
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14 px;
	color: black;
}

footer div:nth-child(1)
{
	order: 3;
	text-align: center;
	margin-bottom: 0px;
}
footer div:nth-child(1) a
{
	color: #333333;
}
/**
footer div:nth-child(2)
{
	order: 3;
	text-align: center;
}
**/
footer .legal-links a
{
	font-weight: 700;
}
 
.legal-links
{
	order: 1;
	margin-bottom: 15px;
}

.legal-links a
{
	color: #333333;
	opacity: 1;
}

.legal-links > div
{
	text-align: center;
}

#footer-logo-section
{
	order: 2;
	text-align: center;
	margin-bottom: 15px;
}
/**
footer div:nth-child(5)
{
	text-align: center;
	margin-bottom: 20px;
}
**/
#footer-logo {
	height: auto;
	max-width: 423px;
	width: 100%;
}

html
{
	background: none;
}

.loginSection
{
	background-color: #4d4d4f;
    margin-right: auto;
    margin-left: auto;
	padding: 25px;
	color: #ffffff;
	max-width: 450px;
	width: auto;
}

html + body + div.container + div.content-wrapper div.pull-left.show-up-with-background
{
    float: none;
    width: 450px;
    margin-right: auto;
    margin-left: auto;
}

.loginSection h2
{
	/**display: none;**/
}

.loginSection h2 + p
{
	/**display: none;**/
}
.loginSection img.ourlogo
{
	width: 100%;
	margin-bottom: 30px;
}

.loginSection form fieldset p
{
	text-align: center; 
	margin-top: 20px;
	margin-bottom: 25px;
}
.loginSection form fieldset div:last-child
{
	text-align: center;
}
.loginSection form fieldset div:last-child a,
.loginSection img.ourlogo + h2 + p + p + p > a
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #92bfd3	
}
.loginSection form ~ *
{
	display:none;
}

.loginSection form fieldset div.checkbox div.editor-label
{
	text-align: left;
}

html > body > div#body + div.container > div.content-wrapper > div.pull-left.show-up-with-background
{
	display: none;
}
.loginSection form fieldset .editor-field input
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	color: #4d4d4f;	
	text-align: center;
}

.loginSection a#ForgotYourPasswordLink,
.loginSection label[for="RememberMe"]
{
	color: #ffffff !important;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}
.loginSection input[type="submit"],
.loginSection button[type="submit"]
{
	text-align: center;
	background-color: #6fb0c7;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 21 px;
	font-weight: bold;
	color: #ffffff;
	background-image: none;
	border: none;
}

form .row.margin-top-10 div:last-child
{
	text-align: right;
}

form .row.margin-top-10 div:last-child a.btn
{
	background-color: rgb(221, 221, 221);
    color: #333;
    border-color: #ccc;	
display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;	
}

.loginSection
{
	margin-top: 15vh;
}

@media only screen and (max-height: 730px)
{
	.loginSection
	{
		margin-top: 10vh;
	}
}
	
@media only screen and (max-height: 650px)
{
	.loginSection
	{
		margin-top: 1vh;
	}
}

.ui-widget-header
{
	background-color: #4d4d4f !important;
	background-image: none !important;
	font-family: “Helvetica, Arial, sans-serif;
	color: #ffffff;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default
{
    border: none;
	background-image: none;
	background-color: #005d83;
	font-family: Helvetica, Arial, sans-serif;
	/**font-size: 21px;**/
	font-weight: bold;
	color: #ffffff
}
.ui-dialog .ui-dialog-titlebar button.ui-button-icon-only
{
	background-image: none;
	background-color: #4d4d4f;
}

body > div.container.body-content > div#MainPage > h1+p+ul.list-unstyled.list-striped
{
	list-style: disc;
	padding-left: 50px;
}
body > div.container.body-content > div#MainPage > h1+p+ul.list-unstyled.list-striped li:nth-child(odd),
body > div.container.body-content > div#MainPage > h1+p+ul.list-unstyled.list-striped li:nth-child(even)
{
	background-color: transparent !important;
	/**
	border-top: none;
	border-bottom: none;
	**/
}

/**
.btn.btn-default:not(.toggle-handle):not(.toggle-off):not(.ignoreOurBtn)
{
    background-color: #16315a;
	color: #ffffff;
}
.btn.btn-default:hover:not(.toggle-handle):not(.ignoreOurBtn)
{
    background-color: #3c73a1;
	color: #ffffff;
}
**/

@media only screen and (max-width: 991px)
{
	body > #DisplayHeader + .container.body-content #MainPage > .row > .col-sm-6
	{
		width: 100%;
	}
}

body > #DisplayHeader + .container.body-content #MainPage > .row > .col-sm-6  table  div > a,
body > #DisplayHeader + .container.body-content #MainPage > .row > .col-sm-6  table  tr td:nth-child(2) div
{word-break:break-all;word-break: break-word;}

#PublicMeetingsTable tbody tr td:first-child{word-break: break-word;-ms-word-break: break-all;}

#meeting-index-buttonsection .btn-secondary{color: #ffffff;}
#sparqUserMenuBar #sparqUser-Menu li .usersName {color: #6c757d; font-weight: bold;}

#PublicMeetingsTable img {max-width: 100%;}

#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:last-child
{
	margin-left: .5em;
}
#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:not(:last-child),
#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:not(:last-child) a,
#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:not(:last-child) span.k-menu-link
{
	padding-right: 0; 
	padding-left: 0;
	min-width: auto;
}

#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:not(:last-child) a i.fa,
#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:not(:last-child) span.k-menu-link i.fa
{
	padding-right: .75em;
	padding-left: .75em;
}
@media only screen and (max-width: 991px)
{
	#netsMenuBar #netsLogo-Menu{float: none;}
}
@media only screen and (max-width: 480px)
{
	#netsMenuBar #netsLogo-Menu.sparqMenu li.sparq-menu-item:last-child {
    	margin-left: 0;
	}
}