/*General Stylesheet*/

text {
	font: 14px sans-serif;	
}

svg {
	display: block;
}

html, body, #chart1, svg {
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;	
	text-align: justify;
}

 	
	body.icompany, #wap-menu ul.sf-menu li span.tip a, .ei-title h3, #main_slider .slider-body, #main_slider .slider-link, .btn{
		font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
	}
	
	h1, h2, h3, h4, h5, h6, h7, h8, .heading,  .nav-tabs, .pricing-table ul .price, .accordion-heading, .numbered-heading, .heading-list, .uc-price {
		font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
	}
	
	#wap-menu ul.sf-menu li a, .tinynav{
		font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
	}

	
	#main_slider{
		font-family: "PT Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 300;
	}
	
	blockquote, .quote{
		font-family: Yanone Kaffeesatz, Georgia,"Times New Roman",Times,serif;
		font-weight: 300;
		border-left-color: #fb9a1c;
		background-color: #fb9a1c1f;
	}
	
	blockquote.belgica {
    background-color: #DCE9EA;
    font-style: italic;
    border-left-color: #008697;
    border-radius: 0px 4px 4px 0px;
	}
	
	blockquote {
	    padding: 10px 20px;
	    margin: 0px 0px 20px;
	    font-size: 17.5px;
	    border-left: 5px solid ;
	}

/* banner text + logo */
.banner-navigation {
	float: right;
	width: auto;
	text-align-last: left;
}

.top-links {
  margin-left: 0px !important;
  padding-right: 0px !important;
}


.institution {
  text-transform: uppercase;
  color: #000;
  margin-top: 20px;
}

.group {
	margin-top:-5px;
}

.bmdc {
  text-transform: lowercase;
  font-variant: small-caps;
  font-style: normal;
  color: steelblue; 
  font-weight: bold; 
  margin-top:-5px;
}

.fixed-ratio-resize { /* basic responsive img */
	max-width: 100%;
	height: auto;
	width: auto\9; /* IE8 */
}

/*D3 Stylesheet*/
/* text size donut */
.donut { 
	font-size: 14px;
}

/*form*/

.ui-panel {
	border: none !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 25px !important;
}

.noHeader.ui-datatable table thead tr {
    display: none;
}

/*menubar primeface Stylesheet*/
/*
.ui-menubar,.ui-menu-child,.ui-menu, .ui-breadcrumb  {
    background: #fff !important;
}
*/

.showcase {
  margin-left: 0px !important; 
  margin-right: 0px !important; 
  min-height: 0px !important; 
  padding-left: 0px !important;
  padding-right: 0px !important;
  position: 0px !important;
}

.ui-breadcrumb  {
	border: 0px !important;
}

.ui-widget-header a {
	color: #008798 !important;
	font-weight: normal !important;
}

.ui-widget {
	font-size: 1em !important;
}

.ui-inputfield {
	-webkit-box-shadow: inset 0 0px 0px #fff !important;
	overflow: visible !important;
}

.ui-button, input[type=submit] {
    /*
    background-color: #fff !important; 
    text-decoration: none !important;    
    transition-duration: 0.5s ease !important;
    text-transform: uppercase !important;
  	-webkit-transition: 0.5s ease !important;
  	-webkit-transition-duration: 0.5s ease !important;
  	-moz-transition: 0.5s ease !important;
  	-o-transition: 0.5s ease !important;
  	transition: 0.5s ease !important;
  	*/
  	
}

.button1 {
	/*
    background-color: white !important;
    color: black !important;
    border: 2px solid #e7e7e7 !important;
    width: 10em !important;  
    height: 2.5em !important;
    -webkit-box-shadow: inset 0 0px 0px #fff !important;
    */
    
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	color: #ffffff;
	background-color: #377b8c;
	border-color: #377b8c;
  
    
}

.button1:hover {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  background-color: #428bca;
}

.button2 {
	/*
    background-color: white !important;
    color: black !important;
    border: 2px solid #e7e7e7 !important;
    width: 10em !important;  
    height: 2.5em !important;
    -webkit-box-shadow: inset 0 0px 0px #fff !important;
    */
    
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	border-radius: 4px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	
	color: #ffffff;
	background-color: #a94442;
	border-color: #a94442;
  
    
}

.button2:hover {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
  background-color: #ff0601;
}

/*
.button1:hover, input[type=submit]:hover {

	background-color: #e7e7e7 !important;
	color: #65a280 !important; 
	width: 10em !important;
	height: 2.5em !important;
}

.button2 {
    color: #a94442 !important;
    border: none !important;
    width: 10em !important;
	height: 2.5em !important;	
}

.button2:hover {
	color: #ff0601 !important;
    border: none;
    width: 10em !important;
	height: 2.5em !important;
	-webkit-box-shadow: inset 0 0px 0px #fff !important;
}

.buttonsearch {
	background-color: #8f8f8f !important;
	border: 5px !important;	
}

.buttonsearch:hover {
	background-color: #e7e7e7 !important;
	color: black !important;		
	-webkit-box-shadow: inset 0 0px 0px #fff !important;
}
*/

.ui-shadow {
	-moz-box-shadow:0 0px 0px rgba(0,0,0,0) !important;;
	-webkit-box-shadow:0 0px 0px rgba(0,0,0,0) !important;;
	/* box-shadow:0 0px 0px rgba(0,0,0,0) */
}

.ui-state-hover {
 	background-color: white !important;
 	color: black !important; 
    background: none;
	box-shadow:none;
 	border-radius: 0px;
}

.ui-state-hover:hover {
 	color: #65a280 !important;  
 	background: none;
 	box-shadow:none;
 	border-radius: 0px;
}

.ui-menuitem-active {
	background-color: steelblue !important;
 	color: black !important;  
 	background: none;
 	box-shadow:none;
 	border-radius: 0px;
}

.ui-menu .ui-menu-parent .ui-menu-child {
	width: 240px !important;
}

.ui-menubar .ui-menuitem-link {	
	padding: 0.5em 0.5em !important;
}

.ui-widget-header {
	border: 0px !important;
	background: #fff !important;	
}

/* News Video Sitemap XML Table */
table {
	width: 100%;
}

th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
}

td {
    background-color: #fff !important; /* White */
    text-decoration: none !important;    
    transition-duration: 0.5s ease !important;    
  	-webkit-transition: 0.5s ease !important;
  	-webkit-transition-duration: 0.5s ease !important; /* Safari */
  	-moz-transition: 0.5s ease !important;
  	-o-transition: 0.5s ease !important;
  	transition: 0.5s ease !important;
	}

/*
td:hover {
	background-color: #e7e7e7 !important;
	color: #65a280 !important; 
	}
*/



.login {
	border-bottom: none !important;    
}

input, textarea {
  margin: 0.1em !important;
}

.registration-default {
	border-color: #fff !important;
}

#myBtn {
  	display: none;
  	position: fixed;
  	bottom: 20px;
  	right: 30px;
  	z-index: 99;
  	border: none;
  	outline: none;
  	background-color: #a94442;
  	color: white;
  	cursor: pointer;
  	padding: 15px;
  	border-radius: 10px;
}

#myBtn:hover {
  	background-color: #a99f92;
}

/*form - contact - feedback - register */
.well {
    	    width: fit-content !important;
    }

/* datatable */
.datatable {
	background: #fcf8e3 !important;
}

.ui-state-default {
	background: #fff !important;
}

.ui-datatable-header {
	text-align: right !important;
}

/* Google Maps Responsive */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

/* Primefaces UI Form */
legend {  
  max-width: 300px; !important;  
  margin-bottom: 10px !important;
  font-size: 16px !important;  
  background: #a4c1da !important;
} 

    /* Body background scheme goes here -----------*/
        body{
    	background: url(/sites/all/themes/icompany/img/bg/stripe_default.png) repeat;
    }
        
    /** custom typo */
   	body{
   		font-size: 14px;
   		
   	}
  	
    .sf-menu a{
    	font-size: 18px
    }
	
	    
    /* Theme color scheme goes here ----------- */
   
    a, a:hover, .color:hover, ul.menu li a:hover , #footer-bar a:hover, #footer-region a, .btn.btn-plain {
   		color: #008798 ;
   		text-decoration: none;
    }
    
    
    .color, .dropcap{
   		color: #008798 ;
   		text-decoration: none;
    }
    
	@media screen and (max-width: 767px){
		 .main_menu_container{
		 	margin-top: 25px;
		 }
	}
   
    .theme-scheme, .btn.btn-theme, .btn-theme:focus, 
    .btn-theme:active,  .btn.btn-theme:hover, 
    .comment .new, .marker,  .dropdown-menu .active > a, 
    .dropdown-menu .active > a:hover, 
    .dropdown-menu li > a:hover,
	.dropdown-menu li > a:focus,
	.dropdown-submenu:hover > a, 
	.jcarousel-next-vertical, .jcarousel-prev-vertical, 
	#highlighted_2, .round-number, .btn.btn-plain, #bottom-region, .btn.node-add-to-cart, 
	.btn.node-add-to-cart:hover, .node-product .product-title   {
		background-color: #008798  ;
    }
    
    #bottom-region, .node-product .product-images .field-type-image {
    	border-color: #40a5b2 ;
    }
    
    .product-title-border{
    	background: #66b7c1 ;
    }
 
    
    #bottom-region a{
    	color: #99cfd6    }
 
    .theme-border, .sf-menu li.sfHover ul, #page-wrapper,  th, #forum .table th, .border-color, .banner, #footer-bar 
    {
		border-color: #008798 ;
	}
	
	.region-highlighted-2, #bottomShadow{
		border-color: #40a5b2	}
	
	#tabs-region .tab-content{
		border-left:2px solid #008798;
	}
	
	#tabs-region .tabs-left > .nav-tabs > li.active{
		border-top:1px solid #007a89;
		border-left:1px solid #007a89;
		border-bottom:1px solid #007a89;
	}
	
	#tabs-region .tabs-left > .nav-tabs > li.active > a, #tabs-region .tabs-left > .nav-tabs > li.active > a:hover {		
		border-top:1px solid #85c6ce;
		border-left:1px solid #85c6ce;
		border-bottom:1px solid #85c6ce;
		
		border-right:none;
		background: #008798; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  #40a5b2 0%, #008798 75%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40a5b2), color-stop(75%,#008798)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #40a5b2 0%,#008798 75%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #40a5b2 0%,#008798 75%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #40a5b2 0%,#008798 75%); /* IE10+ */
		background: linear-gradient(to bottom,  #40a5b2 0%,#008798 75%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

	}
	
	.shadow-transition:hover, .btn-theme:hover,   .btn.node-add-to-cart:hover{
	  -webkit-box-shadow: 0px 0px 9px rgba(0,135,152, 0.8);
	  -moz-box-shadow:    0px 0px 9px rgba(0,135,152, 0.8);
	  box-shadow:         0px 0px 9px rgba(0,135,152, 0.8);
	}

    
    #topBar .dark-bg{
    	background: #;
    }
    
    /*bootstrap line 1194 */
	textarea:focus,
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="datetime"]:focus,
	input[type="datetime-local"]:focus,
	input[type="date"]:focus,
	input[type="month"]:focus,
	input[type="time"]:focus,
	input[type="week"]:focus,
	input[type="number"]:focus,
	input[type="email"]:focus,
	input[type="url"]:focus,
	input[type="search"]:focus,
	input[type="tel"]:focus,
	input[type="color"]:focus,
	.uneditable-input:focus {
	  /*border-color: rgba(0,135,152, 0.8);
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,135,152, 0.6);
	  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,135,152, 0.6);
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,135,152, 0.6);*/
	}
	
	.bar .foreground, .node-product .product-title{
		background: #008798; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViN2MxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZjk2NDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #66b7c1 0%, #008798 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#40a5b2), color-stop(100%,#008798)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #66b7c1 0%,#008798 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #66b7c1 0%,#008798 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #66b7c1 0%,#008798 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #66b7c1 0%,#008798 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b7c1', endColorstr='#008798',GradientType=0 ); /* IE6-8 */
	}
	
	#feedback-link:hover{
		background: #008798; 
	}
	
	.poll .bar{
		box-shadow: 0 1px 2px rgba(100,100,100,.2) inset;
		background: #eee;
	}
	
/*ys
	
	 
	#footer-region a, #footer-region a:visited{
		color:  #008798;
	}
	
	
	#footer-region .btn-theme, #footer-region .btn-theme:visited{
    	color: #fff;
    }
    */
    
    #footer {
  /*.make-row();
    .make-md-column(12);*/
  font-size: 15px;
  margin-top: 40px;
  background-color: #ecf3f4 /*#F2EFED*/;
  padding: 40px 0;
  box-shadow: inset 0 10px 6px -6px rgba(0, 0, 0, 0.1);
  line-height: 28px;
}
#footer .footer-content {
  border-top: 1px solid #dce9ea;
  font-size: 0.9em;
  color: #999999;
  margin: 0 0 30px 0;
  padding-top: 15px;
  line-height: 22px;
}
#footer strong {
  /*font-family: @font-family-accent;
      font-weight: normal;*/
  color: #333333;
}
#footer .titles {
  text-transform: uppercase;
  color: #e88b19;
  font-size: 13px;
}
#footer .subtitles {
  font-size: 90%;
  color: #666;
  margin: 0 0 5px;
  line-height: 1.2em;
}
#footer .sublinks {
  font-size: 80%;
  line-height: normal;
  margin: 0 0 5px;
}
#footer .copyright-row {
  margin-top: 20px;
}
#footer p {
  line-height: 1.6em;
}
#footer a {
  color: #377b8c;
}
#footer a:hover,
#footer a:focus {
  text-decoration: none;
}

/* logos table */
.logo-underline {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

div.table-logo {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
.divTable.table-logo .divTableCell, .divTable.table-logo .divTableHead {
  border: 0px solid #AAAAAA;
  padding: 30px 20px;
}
.table-logo .tableFootStyle {
  font-size: 14px;
}
.table-logo .tableFootStyle .links {
	 text-align: right;
}
.table-logo .tableFootStyle .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.table-logo.outerTableFooter {
  border-top: none;
}
.table-logo.outerTableFooter .tableFootStyle {
  padding: 3px 5px; 
}
/* DivTable.com */
.divTable{ display: table; }
.divTableRow { display: table-row; }
.divTableHeading { display: table-header-group;}
.divTableCell, .divTableHead { display: table-cell;}
.divTableHeading { display: table-header-group;}
.divTableFoot { display: table-footer-group;}
.divTableBody { display: table-row-group;}


/** Members **/
.users-container {
	margin-bottom:30px;
}

.user-container {
	width:210px;
	height:80px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.user-logo {
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #ddd;	
	background:url("null") no-repeat center center #f9f9f9;
}

.user-logo:hover{
	border:1px solid #999;
	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.user-logo img{
	/* Centering the logo image in the middle of the sponsorFlip div */
	
	position:absolute;
	top:50%;
	left:50%;
	margin:-70px 0 0 -70px;
}
/** End of Who Uses **/


/** RESPONSIVE MEDIA **//
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.responsive-logo-narrow {
	display: none;
}

.search-responsive {
	margin-top: 5px;
	margin-right: 10px; 
}


@media (min-width: 768px) {
  .container {
    width: 750px;    
  }
  .branding-main .branding-text {
    float: left;
    width: 60% !important;
   }
}
@media (min-width: 950px) {
  .container {
    width: 970px;
   }
  .branding-main .branding-text {
    float: left;
    width: 60% !important;
   }
 
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
 .branding-main .branding-text {
    float: left;
    width: 60% !important;
  }
}
.menu-icon {
	display: hidden;
	top: 10px;
	background: steelblue url(/NODC/images/menu-icon.png) center !important;
}

.responsive-logo-wide {
	display: hidden;
}

.verticalmenu {
	display: hidden;
	float: right;
	padding: 20px;
	z-index: 9999;		
}

.menu-icon:hover a {

	background-color: #fff;
	border-radius: 0 0 0 0;

}

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

.parent-logo {
  display: flex;
}

.child-logo {
  margin-left: auto;
  order: 2;
}

.img-logo {
	padding-top:10px;
	width: 120px;
}	
	
.responsive-logo-wide {
	display: none;
}

.verticalmenu {
		display:inline-block;
 	}
	
.verticalmenu ul, .verticalmenu:active ul { 

		display: none;
		position: absolute;
		padding: 0px;
		background: #fff;
		border: 2px solid steelblue;
		right: 40px;
		top: 0px;
		width: 200px;
		border-radius: 4px 0 4px 4px;

	}

.verticalmenu li {

		text-align: center;
		width: 100%;
		padding: 10px 0;
		margin: 0;

	}

.verticalmenu:hover ul {

		display: block;

	}
}

@media only screen and (min-width : 768px) {
    .verticalmenu {
        display: none !important;
    }
}
@media only screen and (max-width : 768px) {
    .horizontalmenu {
        display: none !important;
    }
}