/************ BASE  ************/
 @media only screen and (min-width: 1200px) { html {font-size: 100%;} }
 @media only screen and (min-width: 960px) and (max-width: 1199px) { html {font-size: 90%;} }
 @media only screen and (min-width: 768px) and (max-width: 959px) { html {font-size: 80%;} }
 
 /************ ABILITY TO HIDE on HOME  ************/
 .homelayout .hiddenhome {display: none; }
 
 /************ TABLES  ************/
 table {width: auto;}
 table, td {border: none; }
 .fancytable th {padding: 5px; }
 .fancytable td {padding: 5px 10px; }
 
.equaltable, .office-equaltable { width: 100%; display: table; table-layout: fixed;}
table.flextable, .flextable tbody, .flextable tr { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-around;}
.equaltable td {width: 2%;}
.equaltable td, .equaltable tr, table.equaltable, .flextable td, .flextable tr, table.flextable {border: none;}
.office-equaltable td, .office-equaltable tr, table.office-equaltable {border: none;}
 
 .flextable { display:flex; }
  
 @media only screen and (max-width: 767px){ 
   .equaltable, .equaltable div, .flextable, .flextable div, .fancytable, .fancytable div, .fancytable tr, .fancytable td, .equaltable, .equaltable td, .flextable, .flextable td, .flextable tbody, .flextable tr, .equaltable tbody, .equaltable tr{ display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .office-equaltable, .office-equaltable div, .office-equaltable, .office-equaltable td, .office-equaltable tbody, .office-equaltable tr { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .nextgen-equaltable, .nextgen-equaltable div, .nextgen-equaltable, .nextgen-equaltable td, .nextgen-equaltable tbody, .nextgen-equaltable tr { display: block; table-layout:auto; width: 100%; border: none; margin: 0;}
   .equaltable img, .office-equaltable img { display: block; margin: 0 auto; width: 100%;}  
   .nextgen-equaltable img { display: block; margin: 0 auto; width: 100%;}  
   .flextable { display:block; }
 }
 
 /************ DOCMAN ************/
 .docman_download__info {display: none;}
 .doclink .docman_download__info {display: none;}
 .k-ui-namespace .k-js-grid-controller koowa_table_list > .docman_block > h3.koowa_header { display: none; }
 .k-ui-namespace .mod_docman ul li .koowa_header { padding: 0 0 2px 15px;}
 .doclink span:last-child { display: none;}
 .table-striped tbody tr:nth-child(2n+1) td, .table-striped tbody tr:nth-child(2n+1) th { background: rgba(0,0,0,.1); }
 .k-ui-namespace .koowa_header:before, .k-ui-namespace .koowa_header:after { display: none; }
.k-ui-namespace .koowa_header, 
.k-ui-namespace .koowa_header__item,
.k-ui-namespace .koowa_wrapped_content,
.k-ui-namespace .mod_docman ul  { display: inline-block; width: auto;}
.k-ui-namespace .mod_docman ul li .koowa_header { padding: 0 0 2px 0;}
.k-ui-namespace .mod_docman ul .module_document__info { display: none; }
.k-ui-namespace .mod_docman.mod_docman--documents { display: flex; justify-content: center; }
.k-ui-namespace .mod_docman_icons { padding-bottom: 10px;}
 
 
 /************ GET RID OF SIDE COLUMNS  ************/
 .g-block.remove-column { flex: 0%; width: 0%;}
 .g-block.fullwidth-column {  flex: 0 100%;  width: 100%;}
 
 /************ MAKE THE ROTATOR NOT JUMP  ************/
 .sprocket-features-img-container {width: 100%;}
 
 /************ CANIDATE FOR BASE STYLE  ************/
 .removecontentbuffer .g-content { margin: 0; padding: 0;}
 .rmtopbotcontentbuffer .g-content { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0;}
 .rmleftrightcontentbuffer .g-content {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
 
 /************ ALIGN IMAGES CORRECTLY  ************/
 img[align="left"], img[style*="float:left"], img[style*="float: left"], .pull-left  {padding-right: 10px;}
 img[align="right"], img[style*="float:right"], img[style*="float: right"], .pull-right {padding-left: 10px;}
 
 /************ BREADCRUMB  ************/
 .breadcrumb span.divider:before { line-height: 1.3; }
 .breadcrumb li:nth-child(2) .divider {display: inline-block; }
 
 .breadcrumb > li > .divider { margin-right: .25em; padding: 0 5px;}
 .moduletable .nav.menu li a:before, .moduletable .mostread li a:before, .moduletable .latestnews li a:before, .moduletable .archive-module li a:before, .moduletable .relateditems li a:before, .moduletable .categories-module li a:before, .moduletable .category-module li a:before, .moduletable .latestusers li a:before, .moduletable .unstyled li a:before {display: none;}
 
 /************ FIX FOR IFRAMES ON IOS Devices ************/
 @media only screen and (max-width: 767px) {
   iframe {width: 1px; min-width: 100%; }
 }
 
 /************ MODULE HELPERS  ************/
 .topright { position: absolute; right: 0; top: 0; }
 
 /************ MAKE FILEMAN LINKS HAVE ICON BEFORE TEXT  ************/
 a[href*="?option=com_fileman"]:before {    
   content: "\f1c1";
     font-family: FontAwesome;
     margin-right: 10px;
     display: inline;
   font-weight: normal;
 }
 
 /************ SMOOTH SCROLL  ************/
 html { scroll-behavior: smooth; }
 
.centertitle .g-title {text-align: center;}

.platform-content .moduletable.moveintoabovemodule { margin-top: -40px;}

[name="spacer"] { display: none; }

/************ HEIGHT CLASSES  ************/
.fullheight { height: 100vh;}
.ninetyheight { height: 90vh;}
.eightyheight { height: 80vh;}
.seventyheight { height: 70vh;}
.sixtyheight { height: 60vh;}
.fiftyheight { height: 50vh;}
.fortyheight { height: 40vh;}
.thirtyheight { height: 30vh;}
.twentyheight { height: 20vh;}
.tenheight { height: 10vh;}

/************ FLEX ITEM  ************/
.flexcolumn { display: flex; flex-direction: column; }
.flexcolumn > div { flex: 1;}
.flexcenter { display: flex; align-items: center; justify-content: center;}

/************ FLEX ITEM  ************/
.flexrow { display: flex;  }
.flexrow > div { flex: 1;}

@media only screen and (max-width: 767px) {
	.flexrow { display: block;   }
	.flexrow > div { padding-bottom: 20px;}
	
	.flexrow.force { display: flex; }
}