/**
** All must be transitioned into a better css page
** These are all that was in Code Per Node module pages
**/




/*Expands height on Edit Pag on Section
.page-node-edit .form-item-workbench-access select#edit-workbench-access--2 {
    height: 150px;
    min-height: 150px;
}
select#edit-workbench-access--2.form-select{
    height: 150px;
}
#edit-workbench-access--2{
    height: 150px !important;
}
*/


/*Columns Layouts - Similar to /education-events & /school-safety-resources */

.col2-item {
    display: block;
    float: left;
    margin: 10px 15px;
    vertical-align: top;
    width: 45%;
}
.col3-item {
    display: block;
    float: left;
    margin: 10px 15px;
    vertical-align: top;
    width: 30%;
}
.col4-item {
    display: block;
    float: left;
    margin: 10px 15px;
    vertical-align: top;
    width: 21%;
}

/*List Columns - /title-i-part-c*/
.list-column li {
    float:left;
    width:28%;
}



/*SDE FontAwesome ICONS*/
.sdebtns {
  background-color: #235196; /* Blue background */
  border-radius: 3px;
  border: 3px;
  color: #fff; /* White text */
  cursor: pointer; /* Mouse pointer on hover */
  margin: 4px;
  padding: 8px; /* Some padding */
  float: left;
  font-size: 12px; /* Set a font size */
  font-weight: bold;
  width: auto; /*Auto or 300 to fit within content area*/
}
.sdebtns-half {
  background-color: #235196; /* Blue background */
  border-radius: 3px;
  border: 3px;
  color: #fff; /* White text */
  cursor: pointer; /* Mouse pointer on hover */
  margin: 4px;
  padding: 8px; /* Some padding */
  float: left;
  font-size: 12px; /* Set a font size */
  font-weight: bold;
  width: 300px; /*Auto or 300 to fit within content area*/
}
.sdebtns a, .sdebtns a i, .sdebtns-half a, .sdebtns-half a i  {
    color: #fff !important;
    text-decoration: none !important;
    vertical-align: middle;
}
.sdebtns a:focus, .sdebtns-half a:focus {
         display: inline-block;
         box-shadow: 0 0 0 2px #88b8ff;
         border-radius: 2px;
     }
/* Darker background on mouse-over */
.sdebtns:hover, .sdebtns-half:hover {
  background-color: #26344d;
  color: #fff !important;
}
 .sdebtns:active,  .sdebtns-half:active {
    outline: 1px dotted #235196;
}





/***
** Teacher Certification
**/
.page-node-5 .certguidebtn {
    background-color: #ccc;
    border-radius: 3px;
    color: #444;
    cursor: pointer;
    font-weight: bold;
    height: 50px;
    margin: .3em 1em .3em 0;
    padding: .5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 2px solid #ccc;
    width: 200px;
}
.page-node-5 a:hover .certguidebtn {
    background-color: #444!important;
}
.page-node-5 .edsearchtool {
    background-color: #990000;

    color: #fff;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin: .5em auto;
    padding: .5em;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
    border: 3px solid #990000;
    width: 500px;
}
.page-node-5 .edsearchtool a {
    color: #fff !important;
}
.page-node-5 a:hover .edsearchtool {
    background-color: #cc0000 !important;
}
.tc-container {
    margin: 5px;
}
ul#bigbutton {
    padding: 0;
    margin: 0 !important;
    width: 650px; /*550*/
}
#bigbutton li {
    color: #FFF;
    display: inline-block;
    list-style: none;
    margin: 0 8px 10px 0px;
    float: left;
    height: 70px;
    background-color: #3C69AB;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid #3C69AB;
}
/*DL Forms Button*/
#dlforms #bigbutton li {
    color: #FFF;
    display: inline-block;
    list-style: none;
    margin: 0 8px 10px 0px;
    float: left;
    background-color: #990000;
    width: 650px; /*550*/
    height: auto;
}
#bigbutton li a {
    display: block;
    color: #FFF !important;
    cursor: pointer;
    width: 260px; /*237*/
    padding: 10px;
    text-decoration: none !important;
    font-size: 1.1em !important;
    line-height: 1.1em;
}
#bigbutton li a img {
    float: left;
    margin-right: 5px;
}
#bigbutton li a:hover {
    background-color: #32568b !important;
}
.bgbuttonbold {
    font-size: 1.25em;
    font-weight: bold;
}
/*teach cert button override*/
#bigbutton li a:link, #bigbutton li a:hover, #bigbutton li a:active {
    border-bottom: none;
}
#bigbutton a[href*="//"]:not([href*="sde.ok.gov"]) {
    background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    padding-right: none;
}
#teachokbox {
    float: right;
    width: 300px;
    clear: both;
    background-color: #F2E8D4;
    padding: 15px;
    margin: 0 0 15px 20px;
}
#teachokbox ol li {
    font-size: 1.5 !important;
    font-weight: bold;
}
#teachokbox ol li p {
    font-size: 1.2;
    font-weight: bold;
}
/**
** Sup Page
**/
.page-superintendent #block-system-main {
    width: 100%;
}
#block-block-105 { /*Joy4ok twitter block -/superintendent*/
    width: 47%;
    float: left;
    height: 700px;
    overflow: scroll;
}
#block-block-104 { /*OSDE twitter block -/superintendent*/
    width: 47%;
    float: right;
    height: 700px;
    overflow: scroll;
}
/*Jobs Aggregator - disabled*/
.block-aggregator {
    background-color: #eaeaea;
    border-left: 8px solid #235196;
    clear: both;
    float: right;
    line-height: 1.6em;
    margin: 0 0 20px 20px;
    padding: 5px 10px 5px 5px;
    width: 310px;
}
.block-aggregator .item-list ul li {
    line-height: 1.6em !important;
}
.block-aggregator .more-link {
    display: none;
}
/**
** Public Records
**/
.page-node-6179 h1 {
    display: none;
}
.page-node-6179 .acontainer {
    height: 90%;
    width: 100%;
    margin: 0 auto;
    -webkit-perspective: 400;
    -moz-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    perspective: 400;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
}
.page-node-6179 .acontainer.active {
    top: 0;
}
.page-node-6179 .accordtop {
    display: block;
    position: relative;
    margin-bottom: 8px;
    background-color: #e9e3d1;
    padding: 10px;
}
/*PR Title FA icons*/
.page-node-6179 i {
    color: rgb(35, 81, 150);
    float: left;
}
.page-node-6179 .accordtop-title {
    cursor: pointer;
    color: #454646;/*margin-top: -20px;*/
}
.page-node-6179 .accordtop-title p {
    margin-top: 1px;
}
.page-node-6179 .optiontext {
    display: block;
    width: 100%;
    margin: 0;
    text-decoration: underline !important;
    color: #235196;
}
.page-node-6179 .accordtop-description {
    position: relative;
    text-align: left;
    padding: 1px;
    margin-top: 1px;
}
.page-node-6179 #accordian .accordtop-description {
    display: none;
    margin-bottom: 1px;
}
.page-node-6179 #accordian.active .accordtop-description {
    display: block;
}
/* Infographic Style */
.page-node-6179 .infog {
    display: block;
    list-style: none;
    width: 100%;
    margin-left: 35px;
}
.page-node-6179 .infog li {
    float: left;
    height: 150px;
    list-style: none;
    padding: 1em;
    margin: 0px;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}
/* Light to dark boxes */
.page-node-6179 .infog li.infog-box1 {
    background-color: #edc11b;
}
.page-node-6179 .infog li.infog-box2 {
    background-color: #418ecc;
}
.page-node-6179 .infog li.infog-box3 {
    background-color: #215589;
}
.page-node-6179 .infog li.infog-box4 {
    background-color: #1b3c6c;
}
/* Font Sizes */
.page-node-6179 .infog-numbers {
    color: #fff;
    font-size: 30px;
    font-weight: bold;
}
.page-node-6179 .infog-title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}
/* old numbers 35,81,150*/

/** 
** Indian Tribe
**/

/*Indian Guides*/
.page-node-5511 #ieguides li:nth-child(even) {
    background-color: #F2E8D4;
}
.page-node-5511 #ieguides li:nth-child(odd) {
    background-color: #FFF;
}
.page-node-5511 #ieguides li {
    list-style-image: none;
    list-style-type: none;
    font-weight: bold;
    width: 510px;
}
.page-node-5511 #ieguides li {
    background: url('/sites/ok.gov.sde/files/indianed_guide_icon.png') 5px no-repeat;
    height: 2em;
    padding: 7px 0 0 28px;
}
.page-node-5511 .noticebox {
    float: right;
    clear: both;
    width: 210px;
    padding: 15px;
    margin: 15px 0 15px 20px;
    border-left: solid 8px #72a6eb;
    background-color: #b7d4fb;
}
/*Indian Resource - oier*/
.page-node-5508 .leftpath {
    display: inline-block;
    float: left;
    width: 480px;
    padding: 14px;
    background-color: #3C69AB;
    color: white;
    font-size: 1.5em;
    margin-bottom: 8px;
    line-height: .8em;
}
.page-node-5508 .leftpath a:link {
    color: white !important;
    font-size: 2em !important;
}
.page-node-5508 .leftpath span {
    font-size: .5em !important;
}
.page-node-5508 .leftpath:hover {
    background-color: #32568b !important;
}
.page-node-5508 .datatable {
    margin-bottom: 0;
}
.page-node-5508 .rb-textbox-type-text .rb-textbox {
    color: #fff;
    font-size: .8em;
    background: rgba(0,0,0,0.3);
    padding: .2em;
    display: block;
    margin: 0 auto;
    border: none;
}
.page-node-5508 .rb-textbox-type-text #wrap-inner a:link, .rb-textbox-type-text #wrap-inner li a:link {
    font-size: .8em;
    color: #fff;
    font-weight: bold;
    border: none;
}
.page-node-5527 table.tablesorter .headerSortUp {
    background-image: url();
    background-repeat: no-repeat;
}
.page-node-5527 table.tablesorter .headerSortDown {
    background-image: url();
    background-repeat: no-repeat;
}
/* old tablesorter code - node 5527
	$(function() {
		$("table").tablesorter({debug: true})
		$("a.append").click(appendData);
	});
	var lastStudent = 23;
	var limit = 500;
	
	function appendData() {
		
		var tdTagStart = '<td>';
		var tdTagEnd = '</td>';
		var sex = ['male','female'];
		var major = ['Mathematics','Languages'];
		
		for(var i = 0; i < limit; i++) { 
			var rnd = i % 2;
			var row = '<tr>';	
			row += tdTagStart + 'student' + (lastStudent++) + tdTagEnd;
			row += tdTagStart + major[rnd] + tdTagEnd;
			row += tdTagStart + sex[rnd] + tdTagEnd;
			
			row += tdTagStart +  randomNumber() + tdTagEnd;
			row += tdTagStart +  randomNumber() + tdTagEnd;
			row += tdTagStart +  randomNumber() + tdTagEnd;
			row += tdTagStart +  randomNumber() + tdTagEnd;
			
			row += '</tr>';
			
			$("table/tbody:first").append(row);
		};
		
		$("table").trigger('update');
		return false;
	}
	
	function randomNumber() {
		return Math.floor(Math.random()*101)
	}	

*/


/*NEW CUSTOM ACCORDIAN*/

.accordian .accord-title i.blue { color:#235196;}
.accordian .accord-title i.tan { color:#997e5e;}
.accordian .accord-title i.grey { color:#555;}

.accordian {/*container*/
    height: 90%;
    margin: 0 auto 20px auto;
    -webkit-perspective: 400;
    -moz-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    perspective: 400;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s
}
/*CENTER 85%*/
.acc-center {/*container*/
    width: 85%;
}
/*LEFT 55%*/
.acc-left {/*container*/
    clear: left;
    float: left;
    width: 67%;
}
/*RIGHT 35%*/
.acc-right {/*container*/
    float: right;
    width: 35%;
}
.accordian .accord-wrapper.first,
.accordian .accord-wrapper.noborder {
    border-top: none;
}
.accordian .accord-wrapper {
    border-top: 1px solid #ccc;
}

.accordian .accord-title {
    cursor: pointer;
    color: #454646;
    clear: both;
    margin: 10px auto;
}
/*Accorian FontAwesome Icon*/
.accordian .accord-title i,
.accordian .accord-title h3 i{
    float: left;
    font-size: xx-large;
    margin-right: 5px;
}
.accordian .accord-title h3 {
    display: block;
    width: 100%;
    margin: 0;
    color: #235196;
}
.accordian .accord-title p {
    line-height: normal;
    margin: 0;
    padding: 0 0 7px 0;
}
.accordian .accord-description { /*description*/
    display: none;
    margin-bottom: 1px;
    width: 100%;
}
/** 
** Chronic Ab & Toolkit & State Funding - best design
**/
/*Accordian Style*/
.page-node-8199 .acontainer, .page-node-8193 .acontainer, .page-node-5184 .acontainer {
    height: 90%;
    width: 100%;
    margin: 0 auto;
    -webkit-perspective: 400;
    -moz-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    perspective: 400;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s
}
.page-node-8199 .acontainer.active, .page-node-8193 .acontainer.active, .page-node-5184 .acontainer.active {
    top: 0;
}
.page-node-8199 .accordtop, .page-node-8193 .accordtop, .page-node-5184 .accordtop {
    border-top: 1px solid #ccc;
    display: block;
    position: relative;
}
.page-node-8199 .accordtop.first, .page-node-8193 .accordtop.first, .page-node-5184 .accordtop.first {
    border-top: none;
}
.page-node-8199 .accordtop-title, .page-node-8193 .accordtop-title, .page-node-5184 .accordtop-title {
    cursor: pointer;
    color: #454646;
}
.page-node-8199 .accordtop-title p, .page-node-8193 .accordtop-title p, .page-node-5184 .accordtop-title p {
    margin-top: 1px;
}
.page-node-8199 .optiontext, .page-node-8193 .optiontext, .page-node-5184 .optiontext {
    display: block;
    width: 100%;
    margin: 0;
    color: #235196;
}
.page-node-8199 .accordtop-description, .page-node-8193 .accordtop-description, .page-node-5184 .accordtop-description {
    position: relative;
    text-align: left;
    padding: 1px;/*margin-top: -15px;*/
}
.page-node-8199 #accordian .accordtop-description, .page-node-8193 #accordian .accordtop-description, .page-node-5184 #accordian .accordtop-description {
    display: none;
    margin-bottom: 1px;
}
.page-node-8199 #accordian.active .accordtop-description, .page-node-8193 #accordian.active .accordtop-description, .page-node-5184 #accordian.active .accordtop-description {
    display: block;
}
/*********************************************************************************************/



/** 
** Table of Contents - best design
**/



/*simple toc - no action*/
#toc-simple {
	border-bottom: 2px solid #235196;
    height: 90%;
    -webkit-perspective: 400;
    -moz-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    perspective: 400;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    margin-bottom: 25px;
	margin-left: 25px;
}
#toc-simple.right{
	clear: both;
	float: right;
	width: 26%;
}
#toc-simple.left{
	width: 30%;
}



/*article*/
#toc-simple .toc-block {
    display: block;
    position: relative;
}
/*section*/
#toc-simple .toc-title {
    border-bottom: 2px solid #235196;
}
#toc-simple .toc-title {
    font-weight: normal;
    font-size: 1em !important;
}
#toc-simple .optiontext {
    color: #235196;
	display: block;
    width: 100%;
    margin: 0;
}
#toc-simple .toc-title p {
    margin-top: 1px;
}
/*section*/
#toc-simple .toc-chapters {
    font-size: 1em !important;
    position: relative;
    text-align: left;
    padding: 4px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#toc-simple .toc-chapters a {
    color: #555 !important;
}
/*end simple toc*/


/*Accordian Style
.page-node-8998 #toc {}*/
#toc {
    height: 90%;
    width: 50%;
    -webkit-perspective: 400;
    -moz-perspective: 400;
    -ms-perspective: 400;
    -o-perspective: 400;
    perspective: 400;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
    margin-bottom: 25px;
}
/*article*/
#toc .toc-block {
    display: block;
    position: relative;
}
/*section*/
#toc .toc-title {
    border-bottom: 2px solid #235196;
    cursor: pointer;
    color: #235196;
}
#toc .toc-title h3 {
    font-weight: normal;
    color: #235196 !important;
    font-size: 1em !important;
}
#toc .optiontext {
    display: block;
    width: 100%;
    margin: 0;
    color: #235196;
}
/*Arrow control*/
#toc .optiontext::after {
    content: ' View \25bc';
    float: right;
    font-size: .75em;
}
/*tooltip
#toc .optiontext[data-descr] {
  position: relative;
  text-decoration: underline;
  color: #555;
  cursor: help;
}
#toc .optiontext[data-descr]:hover::after {
  content: attr(data-descr);
  position: absolute;
  left: 0;
  top: 24px;
  min-width: 200px;
  border: 1px #aaaaaa solid;
  background-color: #fff;
  padding: 5px;
  color: #000000;
  font-size: 14px;
  z-index: 1;
}
*/



#toc .toc-title p {
    margin-top: 1px;
}
/*section*/
#toc .toc-chapters {
    font-size: 1em !important;
    position: relative;
    text-align: left;
    padding: 4px;/*margin-top: -15px;*/
    background: #fafafa;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#toc .toc-chapters {
    display: none;
    margin-bottom: 1px;
}
#toc .toc-chapters ul {
/*list-style-image:none;*/
}
#toc .toc-chapters a {
    color: #555 !important;
}
/*active - when class is added in js file*/
#toc.active .toc-title {
    content: "abc";
}
#toc.active .toc-chapters {
    display: block;
}
/***********************************************************************************************/



/* Icons
----------------------------------*/

/*
** STATE AID PAGE
*/
.page-node-3232 .datatable thead th {
    background-color: #1c3c6b;
}
.page-node-3232 .noticebox {
    float: right;
    width: 310px;
    padding: 15px;
    margin: 0 0 15px 20px;
    border-left: solid 8px #72a6eb;
    background-color: #b7d4fb;
}
.page-node-3232 #wrap-inner .noticebox ul {
    list-style-image: url('/sites/ok.gov.sde/files/sdelistbullet_dark.png');
}
/*.action_btn_container .action_btns li{}*/

/*Half Page*/
.action_btn_container {
    width: 550px;
}
/*Full page width*/
.action_btn_container-wide {
    margin: auto;
    width: 100%;
}
.action_btns {
    padding: 0;
    margin: 0 !important;
}
.action_btns li {
    border-radius: 4px;
    border: none;
    color: #FFF;
    display: inline-block;
    list-style: none;
    margin: 0 8px 10px 0px;
    float: left;
    background-color: #3C69AB;
}
/*center button*/
.action_btns li.center {
	float: none;
	text-align: center;
}
.action_btns li a {
    display: block;
    color: #FFF !important;
    cursor: pointer;
    width: 225px;
    padding: 10px;
    text-decoration: none !important;
    font-size: 1.1em !important;
    line-height: 1.1em;
    margin: 5px;
}
.action_btns li a:hover {
    background-color: #32568b !important;
    border-radius: 4px;
    border: none;
}
.action_btn_container .bgbuttonbold {
    font-size: 1.25em;
    font-weight: bold;
}
/*button override*/
.action_btns li a:link, .action_btns li a:hover, .action_btns li a:active {
    border-bottom: none;
}
.action_btns a[href*="//"]:not([href*="sde.ok.gov/sde"]) {
    background-image: none;
    background-position: none;
    background-repeat: no-repeat;
    padding-right: none;
}
/**
*** FAQ
**/
.page-frequently-asked-questions .view-faq .views-row {
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    padding-bottom: 25px;
}
.page-frequently-asked-questions .view-faq .views-row .faq-title {
	color: #235196 !important;
}
.page-frequently-asked-questions .view-faq .views-row .faq-title a:link, 
.page-frequently-asked-questions .view-faq .views-row .faq-title a:hover,
.page-frequently-asked-questions .view-faq .views-row .faq-title a:visited {
	color: #235196 !important;
}
.page-frequently-asked-questions .view-faq .views-row .faq-answer {
	padding-left: 5px;
}
.page-frequently-asked-questions .view-faq .views-row .faq-answer h2{
	display: none;	
}
.page-frequently-asked-questions .view-faq .views-row .views-field-field-faq-category {
    font-size: .8em;
}
.page-frequently-asked-questions .view-faq .views-row .views-label-field-faq-category {
    float: left;
    margin-right: 5px;
}
.page-frequently-asked-questions .view-faq .views-row .views-field-section{
	font-style: italic;
	margin-left: 5px;
}


.page-frequently-asked-questions .view-faq .undermenu-sidebox-brown, .page-frequently-asked-questions .view-faq .noticebox, .page-frequently-asked-questions .view-faq .datatable {
	display: none;
}



/*Buttons - champion excellance*/
.button-v2 {
    display: inline-grid;
    margin: auto;
    padding: 0;
    width: 100%;
}
.button-v2 ul {
    margin: 0px;
    padding: 0;
}
.button-v2 ul li {
    border: 1px solid #999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
    border-radius: 4px;
    background-color: #235196;
    margin: 5px;
    list-style: none;
    float: left;
    width: 95px;
    height: 95px;
    text-align: center;
    padding: 10px;
}
.button-v2 ul li a{
    background: none;
    width: auto;
    height: auto;
    color: #fff !important;
    text-decoration: none !important;
}
.button-v2 ul li a:hover{
    background-color: transparent !important;
    color: #bbb !important;
}
.button-v2 i {
     text-align: center;
    font-size: 2.5em;
    clear: both;
}
.button-v2 .text {
    clear: both;
    display: block;
    font-size: 1em;
    padding: 5px;
    font-weight: bold;
}



/*SummerFood Program*/
.page-node-7077 .button-box-wrapper{
	border-bottom: 5px solid #235196;
	clear: both; 
	float: right;
	width: 250px;
}
.page-node-7077 .button-box {
	background-color:#3C69AB;
	font-size: 1.35em;
	font-weight: bold;
	padding: 15px;
	color: #FFF;
}
.page-node-7077 .button-box a {
	color: #FFF !important;
}

.page-node-10864 #bigbutton,
.page-node-7507 #bigbutton,
.page-node-3 #bigbutton,
.page-node-3218 #bigbutton,
.page-node-8216 #bigbutton,
.page-node-8230 #bigbutton,
.page-node-9334 #bigbutton,
.page-node-10093 #bigbutton {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
   width: 100%;
   align-items: stretch;
}
.page-node-3 #bigbutton li,
.page-node-10864 #bigbutton li,
.page-node-7507 #bigbutton li,
.page-node-3218 #bigbutton li,
.page-node-8216 #bigbutton li,
.page-node-8230 #bigbutton li,
.page-node-9334 #bigbutton li,
.page-node-10093 #bigbutton li {
  width: 20%;
  flex-basis: 23%;
  line-height: 1;

    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align: center;
    align-items: stretch;
    margin: 0!important;
    float: none;
    align-content: center;
background: 0;
border: 0;
}
.page-node-9334 #bigbutton li a,
.page-node-10864 #bigbutton li a,
.page-node-3 #bigbutton li a,
.page-node-7507 #bigbutton li a,
.page-node-3218 #bigbutton li a,
.page-node-8216 #bigbutton li a,
.page-node-8230 #bigbutton li a,
.page-node-10093 #bigbutton li a{
  width: auto;
  line-height: 1.2;
  min-height: 40px;

    padding: 0;
    display: flex;
    background: #3C69AB;
    align-items: center;
    align-content: center;
    /* flex: 1; */
    flex-grow: 1;
    text-align: left;
    font-size: 14px!Important;
    margin: 0 10px 10px 0!important;
    padding: 10px!important;
    border: 1px solid #3C69AB;
    border-radius: 3px;
    align-content: center;

}

.page-node-9334 #bigbutton li a {
flex-basis: 30%;
    width: 30%;
    text-align: center;
    align-self: center;
}

#bigbutton.crisis-response-team  {
justify-content: center;
width: auto;display: flex; flex-wrap: wrap
}
#bigbutton.crisis-response-team li {
color: #FFF;
    display: flex;
    list-style: none;
    margin: 0 8px 10px 0px;
    float: left;
    height: 70px;
    background-color: #3C69AB;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #3C69AB;
}
#bigbutton.crisis-response-team li a {
display: flex;
    color: #FFF !important;
    cursor: pointer;
    width: 96px;
    padding: 10px;
    text-decoration: none !important;
    font-size: 1.1em !important;
    line-height: 1.1em;
    flex-wrap: wrap;
    justify-content: center;
	text-align: center;
}