/*!
 * Start Bootstrap - SB Admin 2 v3.3.7+1 (http://startbootstrap.com/template-overviews/sb-admin-2)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */
body {
	background-color: #fff;
	font-family: 'Raleway', sans-serif;
	color: #000;
	overflow-x: hidden;
}
#header {
	background-color: #e8e8e8;
	background: url(../../img/zx_cover.webp) repeat-x
}

.no-webp {
	#header {
		background-color: #e8e8e8;
		background: url(../../img/zx_cover.png) repeat-x
	}
}

#footer {
	background-color: #222;
}
#about_slider {
	background-color: #fff;
	margin-top: -720px;
	margin-bottom: 60px;
}
#wrapper {
	background: #fff;
}
#page-wrapper {
	padding: 0 15px;
	min-height: 568px;
	background-color: white;
	margin-top: 30px;
}

@media (max-width:767px) {
.panel-default {
	text-align: left;
}
}

@media (min-width: 768px) {
.withmargin {
	margin: 0% 1%;
	width: 48%;
}
}

@media (min-width: 768px) {
#page-wrapper {
	position: inherit;
	margin: 0 0 0 0px;
	padding: 0 30px;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	margin-top: 30px;
}
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 30px;
	padding-left: 30px;
}
.navbar-header {
	padding-right: 15px;
	padding-left: 15px;
	margin-top: -1px;
	margin-bottom: 85px;
}
.navbar-inverse {
	background: none;
	border: none;
}
.navbar {
	border-radius: 0px;
	margin: 0px -15px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-image: url(../../img/zx_stripes.webp);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.no-webp {
    .navbar {
       background-image: url(../../img/zx_stripes.png);
    }
}

.navbar-top-links {
	margin-right: 15px;
	margin-top: 8px;
	margin-left: 5px;
}
.navbar-toggle {
	color: #fdfeff;
	background: #48535f;
	border: 2px solid #111116;
	border-radius: 3px;
	margin: 8px 14px;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .85s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
}

@media (max-width:767px) {
.navbar-top-links {
	text-align: center;
	margin-right: 0px;
	margin-left: 0px;
}
.sidebar-search {
	width: 100%;
	margin-left: 30px;
	padding-right: 60px;
}
}
.navbar-top-links li {
	display: inline-block;
}
.navbar-top-links li:last-child {
	margin-right: 15px;
}
.navbar-top-links li a {
	padding: 15px;
}
.navbar-top-links .dropdown-menu li {
	display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
	margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
	padding: 3px 20px;
	min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
	white-space: normal;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	width: 310px;
	min-width: 0;
}
.navbar-top-links .dropdown-messages {
	margin-left: 5px;
}
.navbar-top-links .dropdown-tasks {
	margin-left: -59px;
}
.navbar-top-links .dropdown-alerts {
	margin-left: -123px;
}
.navbar-top-links .dropdown-user {
	right: 0;
	left: auto;
}
.navbar-brand {
	float: left;
	height: 50px;
	padding: 15px 0px 15px 15px;
	font-size: 18px;
	line-height: 20px;
}
.sidebar .sidebar-nav.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.sidebar .sidebar-search {
	padding: 15px;
}
.sidebar ul li {
	border-bottom: 1px solid #000;
}
.sidebar ul li a.active {
	background-color: #111;
}
.sidebar ul li a:hover {
	background-color: #111;
}
.sidebar .arrow {
	float: right;
}
.sidebar .fa.arrow:before {
	content: "\f104";
}
.sidebar .active > a > .fa.arrow:before {
	content: "\f107";
}
.sidebar .nav-second-level li, .sidebar .nav-third-level li {
	border-bottom: none !important;
}
.sidebar .nav-second-level li a {
	padding-left: 37px;
}
.sidebar .nav-third-level li a {
	padding-left: 52px;
}

@media (min-width: 768px) {
.sidebar {
	z-index: 1;
	position: absolute;
	width: 250px;
	margin-top: 81px;
}
.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
	margin-left: auto;
}
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
	border: none;
}
.btn-outline {
	color: inherit;
	background-color: transparent;
	transition: all .5s;
}
.btn-primary.btn-outline {
	color: #428bca;
}
.btn-success.btn-outline {
	color: #5cb85c;
}
.btn-info.btn-outline {
	color: #5bc0de;
}
.btn-warning.btn-outline {
	color: #f0ad4e;
}
.btn-danger.btn-outline {
	color: #d9534f;
}
.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
	color: white;
}
.chat {
	margin: 0;
	padding: 0;
	list-style: none;
}
.chat li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
}
.chat li.left .chat-body {
	margin-left: 60px;
}
.chat li.right .chat-body {
	margin-right: 60px;
}
.chat li .chat-body p {
	margin: 0;
}
.panel .slidedown .glyphicon, .chat .glyphicon {
	margin-right: 5px;
}
.chat-panel .panel-body {
	height: 350px;
	overflow-y: scroll;
}
.login-panel {
	margin-top: 25%;
}
.form-control {
	padding: 6px 15px;
}
.flot-chart {
	display: block;
	height: 400px;
}
.flot-chart-content {
	width: 100%;
	height: 100%;
}
table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
	background: transparent;
}
table.dataTable thead .sorting_asc:after {
	content: "\f0de";
	float: right;
	font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
	content: "\f0dd";
	float: right;
	font-family: fontawesome;
}
table.dataTable thead .sorting:after {
	content: "\f0dc";
	float: right;
	font-family: fontawesome;
	color: rgba(50, 50, 50, 0.5);
}
.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33;
}
.show-grid [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #ddd;
	background-color: #eee !important;
}
.show-grid {
	margin: 15px 0;
}
.huge {
	font-size: 40px;
}
.panel-green {
	border-color: #5cb85c;
}
.panel-green > .panel-heading {
	border-color: #5cb85c;
	color: white;
	background-color: #5cb85c;
}
.panel-green > a {
	color: #5cb85c;
}
.panel-green > a:hover {
	color: #3d8b3d;
}
.panel-red {
	border-color: #d9534f;
}
.panel-red > .panel-heading {
	border-color: #d9534f;
	color: white;
	background-color: #d9534f;
}
.panel-red > a {
	color: #d9534f;
}
.panel-red > a:hover {
	color: #b52b27;
}
.panel-yellow {
	border-color: #f0ad4e;
}
.panel-yellow > .panel-heading {
	border-color: #f0ad4e;
	color: white;
	background-color: #f0ad4e;
}
.panel-yellow > a {
	color: #f0ad4e;
}
.panel-yellow > a:hover {
	color: #df8a13;
}
.timeline {
	position: relative;
	padding: 20px 0 20px;
	list-style: none;
}
.timeline:before {
	content: " ";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 3px;
	margin-left: -1.5px;
	background-color: #eeeeee;
}
.timeline > li {
	position: relative;
	margin-bottom: 20px;
}
.timeline > li:before, .timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li:before, .timeline > li:after {
	content: " ";
	display: table;
}
.timeline > li:after {
	clear: both;
}
.timeline > li > .timeline-panel {
	float: left;
	position: relative;
	width: 46%;
	padding: 20px;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}
.timeline > li > .timeline-panel:before {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 26px;
	right: -15px;
	border-top: 15px solid transparent;
	border-right: 0 solid #ccc;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #ccc;
}
.timeline > li > .timeline-panel:after {
	content: " ";
	display: inline-block;
	position: absolute;
	top: 27px;
	right: -14px;
	border-top: 14px solid transparent;
	border-right: 0 solid #fff;
	border-bottom: 14px solid transparent;
	border-left: 14px solid #fff;
}
.timeline > li > .timeline-badge {
	z-index: 100;
	position: absolute;
	top: 16px;
	left: 50%;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	border-radius: 50% 50% 50% 50%;
	text-align: center;
	font-size: 1.4em;
	line-height: 50px;
	color: #fff;
	background-color: #999999;
}
.timeline > li.timeline-inverted > .timeline-panel {
	float: right;
}
.timeline > li.timeline-inverted > .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
.timeline > li.timeline-inverted > .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
.timeline-badge.primary {
	background-color: #2e6da4 !important;
}
.timeline-badge.success {
	background-color: #3f903f !important;
}
.timeline-badge.warning {
	background-color: #f0ad4e !important;
}
.timeline-badge.danger {
	background-color: #d9534f !important;
}
.timeline-badge.info {
	background-color: #5bc0de !important;
}
.timeline-title {
	margin-top: 0;
	color: inherit;
}
.timeline-body > p, .timeline-body > ul {
	margin-bottom: 0;
}
.timeline-body > p + p {
	margin-top: 5px;
}

@media (max-width: 767px) {
ul.timeline:before {
	left: 40px;
}
ul.timeline > li > .timeline-panel {
	width: calc(10%);
	width: -moz-calc(10%);
	width: -webkit-calc(10%);
}
ul.timeline > li > .timeline-badge {
	top: 16px;
	left: 15px;
	margin-left: 0;
}
ul.timeline > li > .timeline-panel {
	float: right;
}
ul.timeline > li > .timeline-panel:before {
	right: auto;
	left: -15px;
	border-right-width: 15px;
	border-left-width: 0;
}
ul.timeline > li > .timeline-panel:after {
	right: auto;
	left: -14px;
	border-right-width: 14px;
	border-left-width: 0;
}
}
.tmb1 {
	max-width: 256px;
	max-height: 192px;
}
.footer-above {
	/*margin-top: 30px;*/
	text-align: center;
	background-color: #222222;
	color: #fff;
	padding-bottom: 10px;
	margin: 0px -15px;
}
.SCRimage {
	max-width: 512px;
	max-width: 100% !important;
}
.pixelated {
	image-rendering: auto;
	-ms-interpolation-mode: auto;
}
.fixed_sizes {
	width: 100%;
	margin: auto;
}

@media (min-width: 940px) {
.fixed_sizes {
	width: 512px;
	margin: auto;
}
.fixed_sizes_320 {
	width: 640px;
	margin: auto;
}
.pixelated {
	image-rendering: optimizeSpeed;             /* Legal fallback */
	image-rendering: -moz-crisp-edges;          /* Firefox        */
	image-rendering: -o-crisp-edges;            /* Opera          */
	image-rendering: -webkit-optimize-contrast; /* Safari         */
	image-rendering: optimize-contrast;         /* CSS3 Proposed  */
	image-rendering: crisp-edges;               /* CSS4 Proposed  */
	image-rendering: pixelated;                 /* CSS4 Proposed  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+           */
}
}

@media (min-width:1500px) {
.fixed_sizes {
	width: 512px;
	margin: auto;
}
.fixed_sizes_320 {
	width: 640px;
	margin: auto;
}
.pixelated {
	image-rendering: optimizeSpeed;             /* Legal fallback */
	image-rendering: -moz-crisp-edges;          /* Firefox        */
	image-rendering: -o-crisp-edges;            /* Opera          */
	image-rendering: -webkit-optimize-contrast; /* Safari         */
	image-rendering: optimize-contrast;         /* CSS3 Proposed  */
	image-rendering: crisp-edges;               /* CSS4 Proposed  */
	image-rendering: pixelated;                 /* CSS4 Proposed  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+           */
}
}

@media (min-width: 320px) and (max-width:512px) {
.fixed_sizes {
	width: 256px;
	margin: auto;
}
.fixed_sizes_320 {
	width: 100%;
	margin: auto;
}
.pixelated {
	image-rendering: auto;
	-ms-interpolation-mode: auto;
}
}

@media (max-width: 320px) {
.fixed_sizes {
	width: 100%;
	margin: auto;
}
.fixed_sizes_320 {
	width: 100%;
	margin: auto;
}
.pixelated {
	image-rendering: auto;
	-ms-interpolation-mode: auto;
}
}
.panel-primary {
	border-color: #666;
	border: none;
}
.panel-primary > .panel-heading {
	color: #fff;
	background-color: #666;
	border-color: #666;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
}
.panel {
	border: 1px solid #111116;
	border-radius: 4px;
	/*-webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;*/
	background-color: #fff;
	color: #000;
	margin-bottom: 35px;
}
.panel-heading {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}
.panel-primary > .p_blue {
	background-color: #3f94ce;
	border-color: #3f94ce;
}
.panel-primary > .p_red {
	background-color: #eb6558;
	border-color: #eb6558;
}
.panel-primary > .p_magenta {
	background-color: #a971c1;
	border-color: #a971c1;
}
.panel-primary > .p_green {
	background-color: #067133;
	border-color: #067133;
}
.panel-primary > .p_cyan {
	background-color: #5abdbc;
	border-color: #5abdbc;
}
.panel-primary > .p_yellow {
	background-color: #f3cc31;
	border-color: #f3cc31;
}
.p_blue {
	background-color: #3f94ce;
	border-color: #3f94ce;
}
.p_red {
	background-color: #eb6558;
	border-color: #eb6558;
}
.p_magenta {
	background-color: #a971c1;
	border-color: #a971c1;
}
.p_green {
	background-color: #067133;
	border-color: #067133;
}
.p_cyan {
	background-color: #5abdbc;
	border-color: #5abdbc;
}
.p_yellow {
	background-color: #c3ac01;
	border-color: #c3ac01;
}
.panel-primary > .p_white {
	background-color: #f7f7f7;
	color:#000;
	border-color: #d4d4d4;
}
.p_white {
	background-color: #ffffff;
	color:#000;
	border-color: #9c9c9c;
}
blockquote {
     font-size: inherit;
}
.zxdb_stripes a {
	color: #0053b0;
}
.zxdb_stripes a:hover {
	color: #000;
	text-decoration: none;
}
.tiny_logo {
	width: 64px;
	height: 32px;
	margin-right: 8px;
}
.navbar-inverse .navbar-brand {
	color: #f0f0f0;
	text-transform: uppercase;
	font-size: 42px;
	text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.9), 0px 2px 2px rgba(0,0,0,0.9), 0px 18px 23px rgba(0,0,0,0.1);
}

@media (max-width:640px) {
.navbar-inverse .navbar-brand {
	font-size: 32px;
}
}

@media (max-width:480px) {
.navbar-inverse .navbar-brand {
	font-size: 24px;
}
}

@media (max-width:354px) {
.navbar-inverse .navbar-brand {
	font-size: 18px;
}
}
.nav > li> a {
	color: #fdfeff;
	background: #48535f;
	border: 2px solid #111116;
	border-radius: 3px;
	padding: 10px 10px;
	margin: 6px 8px;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .85s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
}


@media (max-width: 990px){ /* small buttons for smaller resolution*/
.nav > li> a {
      margin: 3px 2px;
    font-size: 15px;
	    padding: 10px 5px;
	}}


.nav > li> a:hover, .nav > li> a:active, .nav > li> a:focus {
	color: #fdfeff;
	background: #384049;
	border: 2px solid #060606;
	border-radius: 3px;
	/*margin: 6px 8px;
	font-size: 18px;*/
	-webkit-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .85s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
}
.nav-justified {
	margin-top: 15px;
}
.pagination {
	border-radius: 0px;
	margin-top: 0px;
	margin-bottom: 5px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
	border-radius: 0px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
	border-radius: 0px;
}
.pagination > li > a, .pagination > li > span {
	color: #ffffff;
	background-color: #666;
	border: 1px solid #666;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
	color: #ffffff;
	background-color: #111;
	border-color: #111;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
	color: #ffffff;
	background-color: #111;
	border-color: #111;
}
.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover {
	color: #ffffff;
	background-color: #666;
	border-color: #666;
}
.materials_thumb {
	max-height: 180px;
}
.zxdb_stripes {    /*border-bottom: solid 1px #f0f0f0;*/
	padding-bottom: 10px;
	padding-top: 10px;
}
.zxdb_header {
	border-bottom: solid 1px #ccc;
	font-weight: normal;
	margin-top: -10px;
	line-height: 32px;
}
.zxdb_stripes:nth-of-type(odd) {
	background-color: #f8f8f8;
}
.zxdb_stripes:last-child {
	margin-bottom: -15px;
	padding-bottom: 20px;
/*	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;*/
}
.zxdb_stripes2 {
	padding-bottom: 10px;
	padding-top: 10px;
}
.zxdb_stripes2:nth-of-type(even) {
	background-color: #e0e0e0;
}
.zxdb_stripes2:last-child {
	margin-bottom: -15px;
	padding-bottom: 20px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.zxdb_stripes2:first-child {
	margin-top: -14px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	/* width: 100%; */
	margin: auto;
	max-height: 520px;
}
.carousel-control.left, .carousel-control.right {
	background: none !important;
 	filter: progid:none !important;
	color: #aaa;
}
.carousel-indicators li {
	border-color: #000;
}
.carousel-indicators .active {
	background-color: #333;
}
.stylish-input-group .input-group-addon {
	background: transparent !important;
	color: #fff;
}
.stylish-input-group .form-control {
	border: 0px;
	box-shadow: 0 0 0;
	border-color: #fff;
}
.input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
/*border-radius: 4px 0px 0px 4px;*/
}
.stylish-input-group button {
	border: 0px;
	background: transparent;
}
.input-group-addon {
	border: 0px;
	border-color: #fff;
}
.setheight {
	max-height: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	margin-bottom: 35px;
}
.searches > li> a {
	color: #fdfeff;
	background: #48535f;
	border: 2px solid #111116;
	border-radius: 3px;
	margin: 8px 14px;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .85s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
}
.searches > li> a:hover, .searches > li> a:active {
	color: #fdfeff;
	background: #384049;
	border: 2px solid #060606;
	border-radius: 3px;
	margin: 8px 14px;
	font-size: 18px;
	-webkit-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .85s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .85s;
}
.yt_video_container {
	margin-right: 30px;
}
.yt_video {
	width: 100%;
	height: 230px;
	border: 2px solid #060606;
	border-radius: 3px;
	margin: 8px 14px;
	font-size: 18px;
	-webkit-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	-moz-box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
	box-shadow: inset -1px 1px 3px 1px rgba(0,0,0,0.75);
}
.site_logo {
		/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 370px;
	margin-top: -3px;
	    margin-left: -6px;
	height: 400px; /* firefox has trouble with svg */
max-height: 100px; /* firefox has trouble with svg */
}


@media (max-width:990px) {
.site_logo {
	/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 300px;
	margin-top: -12px;
	    margin-left: -0px;
}
}

@media (max-width:769px) {
.site_logo {
	/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 267px;
	margin-top: -20px;
	margin-left: 0px;
}
}

@media (max-width:610px) {
.site_logo {
	/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 267px; 
	margin-top: -20px; 
	margin-left: 0px;
}
}

@media (max-width:480px) {
.site_logo {
	/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 240px;
	margin-top: -27px;
	margin-left: -1px;
}
}

@media (max-width:374px) {
.site_logo {
	/*width: 100%;  this was for png*/
	width: 200%;  
	max-width: 180px;
	margin-top: -34px;
}
}
.white_search_text {
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
	text-align: right;
	line-height: 25px;
	font-family: arial;
}
input.transparent-input {
	background-color: rgba(0,0,0,0) !important;
	border: none !important;
	color: #eee;
}
.stylish-input-group {
	width: 100%;
	border-bottom: 2px solid #fff;
	margin-top: 9px;
}
#wrapper.container-gray {
	background: #eee;
}
.panel-index {
	border: 1px solid #111116;
	border-radius: 4px;
	-webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	-moz-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3), 0 0 40px rgba(255, 255, 255, 0.4) inset;
	background-color: #fff;
	color: #000;

}

.panel-search {margin-top: 0px;
}

@media (min-width:993px) and (max-width:1199px){ 
.white_shadow {
    font-size: 40px !important;
}}

@media (max-width:992px){ 
.panel-search {
/* margin-top: 60px;margin-bottom: 60px; */
}


#spacerslider {
  /* height: 150px;*/
        margin-top: -30px;
    margin-bottom: 10px;
}

}

.panel-search > .panel-heading {
	color: #fff;
	background-color: #666;
	border-color: #666;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	line-height: 33px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}
.panel-search > .p_dark {
	background-color: #2e2d32;
	border: none;
}
select.index-search {
	border: 1px solid #000;
}
.panel-index .stylish-input-group {
	margin-top: 0px;
}
.panel-index .stylish-input-group .form-control {
	border: 1px solid #eee;
	margin-bottom: 5px;
}
.index-form-label {
	font-size: 12px;
	line-height: 22px;
	text-align: left;
	font-height: bold;
}
.panel-index .dark-box-button {
	width: 100%;
	text-align: center;
	border-radius: 0px;
	background: #5b6570;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-height: bold;
	line-height: 32px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 15px
}
.page-header {
	font-family: Arial, sans-serif;
	background: #333;
	line-height: 22px;
	color: #fff;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 5px;
}
.main-text p {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 23px;
	text-align: left;
}
.image-in-text {
	width: 30%;
	min-width: 300px;
}
.team-list li {
	display: block;
	margin-bottom: 5px;
}
.team-list li:before {
	/*Using a Bootstrap glyphicon as the bullet point*/
	content: "\e080";
	font-family: 'Glyphicons Halflings';
	font-size: 9px;
	float: left;
	margin-top: 4px;
	margin-left: -17px;
	color: #CCCCCC;
}
.white_shadow {
	color: rgb(255, 255, 255);
	font-size: 48px;
	text-shadow: rgb(3, 3, 3) 4px 4px 1px;
	line-height: 117%;
	font-weight: bold;
	text-align: center;
}



@media (max-width:992px){
	.white_shadow {
	color: rgb(255, 255, 255);
	font-size: 32px;
	text-shadow: rgb(3, 3, 3) 4px 4px 1px;
	line-height: 117%;
	font-weight: bold;
	text-align: center;
}

#about_slider {
    background-color: #fff;
    margin-top: -768px;
}


}

#spacerslider {
	max-height: 554px;
	    min-height: 120px;
}

label {
    font-weight: normal;
    color: #666;
}


.btn-link {
    font-weight: 400;
    color: #0053b0;
	text-decoration:none;padding: 0px;}

.btn-link:hover {
    font-weight: 400;
    color: #000;
    border-radius: 0;
	text-decoration:none;
}

.btn-link:focus{
    font-weight: 400;
     color: #666;
    border-radius: 0;
	text-decoration:none;
}



.scaled_image{width:100%;
height:100%;
	/*background:#000;text-align:center;*/}
.scaled_image img{/*max-width:100%;*/
width: 100%;}

.scaled_pixel {
	image-rendering: optimizeSpeed;             /* Legal fallback */
	image-rendering: -moz-crisp-edges;          /* Firefox        */
	image-rendering: -o-crisp-edges;            /* Opera          */
	image-rendering: -webkit-optimize-contrast; /* Safari         */
	image-rendering: optimize-contrast;         /* CSS3 Proposed  */
	image-rendering: crisp-edges;               /* CSS4 Proposed  */
	image-rendering: pixelated;                 /* CSS4 Proposed  */
	-ms-interpolation-mode: nearest-neighbor;   /* IE8+           */
}
.scaled_inter {
	image-rendering: auto;             /* Legal fallback */
	-ms-interpolation-mode: auto;   /* IE8+           */
}
.scaled_512 {width:512px;margin-top:96px;margin-bottom:96px;}
.scaled_256 {width:256px;margin-top:16px;margin-bottom:16px;}
.scaled_128 {width:128px;margin-top:24px;margin-bottom:24px;}
.scaled_mobile {width:100%;}



@media (max-width:420px){
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9  {padding-left:15px !important; padding-right:15px !important}

}

/*
.bootstrap-select.btn-group .dropdown-menu {
    
    z-index: 3 !important;}*/
    
.input-group .form-control {
      z-index: auto;
 }
    
/*.btn-default:hover {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}*/

.form_margins  {
    margin-right:-15px;
    margin-left:-15px;
}

.form_margins .form-control input{
    padding-right: 0px;
}

@media (min-width: 768px) {
.form_margins .form-inline .input-group .form-control, .form_margins .form-inline .input-group .input-group-addon, .form_margins .form-inline .input-group .input-group-btn {
    width: 100%;
}
}

.alpha_listing a {    padding: 6px 11px;

    }

/* padding for home page quicklisting*/
.home_buttons .btn {
    padding: 6px 6px;}


@media (min-width: 993px) {
	.form-inline { margin-right:10px; }   }


.large_image img {/*max-width:100% !important;*/
width:100%;}

.no_margin {padding-right: 15px;
    padding-left: 15px;}

.GIFimage {padding-left:32px; padding-right:32px; padding-top:24px; paddin-bottom:24px;}




/*  display details screenshots at 320x240 pixel art on desktop above 992px */
@media (min-width: 992px){
.SCRimage{float: right;margin-bottom: 15px;
	 max-width: 320px !important;
	image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}
	.DesktopBorderPadding {padding-left:32px !important; padding-right:32px !important;}
}



/*  display listing and details screenshots at 320x240 pixel art on desktop above 1200px */
@media (min-width: 1200px){
.scaled_image img {
    max-width: 320px !important;
	/*max-height: 240px !important;*/
	image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;}
.large_image img {
    max-width: 320px !important;
	image-rendering: pixelated;
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
}	
.SCRimage{float: right;margin-bottom: 15px;
}
}


/* experiments: retina or high dpi screens can't do pixel art scalling, so let's scale normally as it looks better on this case  */
@media (min-resolution: 97dpi) {
   .scaled_image img {
	image-rendering: auto !important;
 }
.large_image img {
	image-rendering:  auto !important;
}
	 .SCRimage  {
	image-rendering: auto !important;
 }
}



/*  css for quick search dropdown on header, SVG logo and mobile spacing for logo, donations, etc  */
svg { 
  height: 100%;
  width: 100%;
}

@supports (-moz-appearance:none) {
    #quick {
        margin-left:-4px !important;
    }
}

.select-update {
   background-color: #ffffff;
   font-size:12px;
   line-height:1.5rem;
   padding: 1px 5px;
}

.select-update option {
  background-color: #ffffff; font-size:12px;
  border:none; 
}

.select-update option:active{
  background-color: #ffffff; 
}


select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent;
  background-image: url("data:image/svg+xml;utf8,<svg fill='white' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 100%;
  background-position-y: -3px;
  padding-right: 3rem;
 line-height:2rem;
}


select option{
background-color: #333; font-size:14px;
	border:none;padding-top:2px;
}

select option:active{
background-color: #000; 
}



select:focus {
    outline: none; /* Remove the outline */
}

button:focus {
    outline: none; /* Remove the outline */
}
button.active {
    border-style: none; /* Remove the border */
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid #333;
  -webkit-text-fill-color: white;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

@media (max-width:769px) {
.donations {
	margin-top: 5px;
    margin-bottom: 10px;
}
}

@media (max-width:480px) {
	.navbar-header{    margin-bottom: 40px !important;}
	
}

@media (max-width:320px) {
	.navbar-header{    margin-bottom: 20px !important;}
	
}


/* change column paddings for the screenshots wall*/ 
.screenshotswall {    padding-right: 0px;
    padding-left: 0px;}


/***** Notifications *****/
.notification {
   
   border-radius:5px;
   border:0px solid;
   background-color: #D9EDF7;
   border-color: #BCE8F1;
   color: #0311BC;
   padding: 10px 10px 10px 10px;
   font-size: 200%;
}

.notification-success {
   background-color: #DFF0D8;
   border-color: #D6E9C6;
   color: #3C763D;
}

.notification-warning {
   background-color: #FCF8E3;
   border-color: #FAEBCC;
   color: #8A6D3B;
 }

.notification-error {  
  background-color: #F89797;
  border-color: #EBCCD1;
  color: #A94442;
}

.a-not:link {
  text-decoration: none;
}

.a-not:hover {
  text-decoration: none;
}

.a-not:active {
  text-decoration: none;
}

.a-not:visited {
  text-decoration: none;
}

.avatar {
	float: left;
	background: #555;
	border-radius: 50%;
	width: 25px;
	height: auto;
  }

.avatar-header { 
	display: inline-flex; 
	text-transform: none; 
	justify-content: right; 
	padding: 0px; 
	margin: 0px; } 
 
@media (max-width:769px) { 
	.avatar-header { 
		display: -webkit-box; 
		justify-content: left; 
	} 
} 
 
@media (max-width:420px){ 
	.col-xs-12.avatar-header { 
		justify-content: left; 
		padding-left: 0px !important 
	} 
} 
 
.white_shadow_normal {
	border: 1px solid #111116;
    border-radius: 4px;
    background: #2e2d32;
    padding: 15px 15px 15px 15px;
    margin-bottom: 10px;
	color: rgb(255, 255, 255);
	font-size: 16px;
	text-shadow: rgb(3, 3, 3) 2px 2px 1px;
	line-height: 117%;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;}

a.today_top_link:link {
	color: rgb(192, 192, 192);
}

a.today_top_link:visited {
	color: rgb(192, 192, 192);
}

a.today_top_link:hover {
	color: rgb(255, 255, 255);
	text-decoration: none;
}

a.login-header:link { 
	color: rgb(192, 192, 192); 
} 
 
a.login-header:visited { 
	color: rgb(192, 192, 192); 
} 
 
a.login-header:hover { 
	color: rgb(255, 255, 255); 
	text-decoration: none; 
}