@CHARSET "UTF-8";

body{
	padding-top: 20px;
}

.border {
	border-style: none;
	border-width: 1px;
	border-color: red;
}

.border-no {
	border: none !important;	
}

.hborder {
	border-style: solid;
	border-width: 0px 0px 5px 0px;
	border-color: #32CD32;
}
.fborder {
	border-style: solid;
	border-width: 5px 0px 0px 0px;
	border-color: #32CD32;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
    /*color: #000000;*/
    color: #FFCC00;
    
}

.flex-row {
  display: -webkit-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  align-items: center;
  align-content: stretch;
  justify-content: space-around;
}

.flex-col {
  flex-flow: column nowrap;
  display: -webkit-flex;
  display: flex;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-grow {
  display: flex;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
 
.header-text-color {
 color: #FFCC00;
}
  
.col-centered{
    text-align: center;
}   

.col-left{
    text-align: left;
}   

.col-right{
    text-align: right;
}   

.header-color {
  background-color: black;
}

.header-height {
  height:6em;
}

.footer-color {
  background-color: black;
}
.footer-height {
  height:3em;
}

/* ----------------- */
/* responsive text queries */
@media screen and (max-width: 992px) {
  p,.btn,input,div,span,h4 {
    font-size: 95%;
  }
  h1 {
    font-size: 24px;  
  }
  h2 {
    font-size: 22px;  
  }
  h3 {
    font-size: 18px;  
  }
}

@media screen and (max-width: 768px) {
  .menu-a, .menu-a:hover{
  	font-size: 15px;
  }
  p,.btn,input,div,span,h4 {
    font-size: 90%;
  }
  h1 {
    font-size: 14px;  
  }
  h2 {
    font-size: 12px;  
  }
  h3 {
    font-size: 10px;  
  }
}

@media screen and (max-width: 640px) {
	body{
		padding-top: 0px;
	}
	.header-img-responsive {
	  display: block;
	  max-width: 100%;
	  max-height: 100%;
	}
	.header-height {
		height:7em;
	}
  h1 {
    font-size: 13px;  
  }
  h2 {
    font-size: 11px;  
  }
  h3 {
    font-size: 10px;  
  }
}

/* ----------------- */

/*
.glyphicon { margin-right:10px; }
.panel-body { padding:0px; }
.panel-body table tr td { padding-left: 15px }
.panel-body .table {margin-bottom: 0px; }
*/
.colorgraph {
	height: 5px;
	border-top: 0;
	background: #32CD32;
	/*background: #c4e17f;*/
	border-radius: 5px;
	/*background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
	*/
}
.btn-success {
  color: #ffffff;
  background-color: #32CD32;
  /*background-color: #5cb85c;*/
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

/* ott kell ahol azt akarjuk, hogy a nem "input-group"-os mezők azonos széleslégüek legyenek az "input-group" mezőkkel */
.input-group-size {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

.list-group-item-nopadding {
	padding: 0;
}

.menu-heading {
  color: #FFCC00 !important;
  background-color: black !important;
  border-color: #32CD32 !important;
}

.menu-border {
  border-bottom-color: #32CD32 !important;
  border-bottom-width: 3px !important;
}

.menu-body {
  background-color: #797979;	
}

.menu-a, .menu-a:hover{
  color: #FFCC00 !important;
}

/* Create a small height at 30px */
.navbar-sm {
	min-height: 2em;
	margin-bottom: .2em
}
.navbar-sm .navbar-brand {
		height: 2em,
}
/*
.navbar-sm .navbar-brand,
.navbar-sm .navbar-nav>li>a {padding-top:5px; padding-bottom:5px}
.navbar-sm .navbar-brand {height: 30px}
.navbar-sm .navbar-toggle {margin: 3px 9px 3px 0px; padding: 4px 4px 4px 4px;}
.navbar-sm .navbar-toggle .icon-bar {width: 16px;}
*/

.pagination {
  margin: 0;
}