@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@font-face {
	font-family: 'codropsicons';
	src:url('../fonts/codropsicons/codropsicons.eot');
	src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../fonts/codropsicons/codropsicons.woff') format('woff'),
		url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
		url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	background: White;	/* ha kicsit sötétebb kell: GhostWhite */
	background-image: url(../Images/ICWatermark.png);
	background-position: center;
	background-repeat:no-repeat;
	background-size: 200px;
	

}

.container > header,
.codrops-top {
	color: #fff;
	font-family: 'Lato', Arial, sans-serif;
}

.container > header {
	margin: 0 auto;
	padding: 6em 2em 1em 0em;	
	padding-left: 200px;
	background: rgba(0,0,0,0.05);
}

.container > header a {
	color: #566473;
	text-decoration: none;
	outline: none;
}

.container > header a:hover {
	color: #4f7bab;
}

.container > header h1 {
	font-size: 3.2em;
	line-height: 1.3;
	margin: 0;
	font-weight: 300;
	color:#2952a3;
}

.container > header span {
	display: block;
	font-size: 55%;
	color: #74818e;
	padding: 0 0 0.6em 0.1em;
}

/* To Navigation Style */
.codrops-top {
	background: #fff;
	background: rgba(255, 255, 255, 0.6);
	text-transform: uppercase;
	width: 100%;
	font-size: 0.69em;
	line-height: 2.2;
}

.codrops-top a {
	text-decoration: none;
	padding: 0 1em;
	letter-spacing: 0.1em;
	color: #888;
	display: inline-block;
}

.codrops-top a:hover {
	background: rgba(255,255,255,0.95);
	color: #333;
}

.codrops-top span.right {
	float: right;
}

.codrops-top span.right a {
	float: left;
	display: block;
}

.codrops-icon:before {
	font-family: 'codropsicons';
	margin: 0 4px;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
	content: "\e001";
}

.codrops-icon-prev:before {
	content: "\e004";
}

.codrops-icon-house:before {
	/*content: "\2302";*/
	/*content: "\1F3E0";*/
	content: "\1368";/*፨*/
	color:#ef4934;
	font-size:1.3em;	
}


/* Demo Buttons Style */
.codrops-demos {
	padding-top: 1em;
	font-size: 0.9em;
}

.codrops-demos a {
	text-decoration: none;
	outline: none;
	display: inline-block;
	margin: 0.5em;
	padding: 0.7em 1.1em;
	border: 3px solid #b1aea6;
	color: #b1aea6;
	font-weight: 700;
}

.codrops-demos a:hover,
.codrops-demos a.current-demo,
.codrops-demos a.current-demo:hover {
	border-color: #89867e;
	color: #89867e;
}

@media screen and (max-width: 1025px) {
	.container > header {
		margin: 0 auto;
		padding: 120px 50px;
		font-size: 70%;
		text-align: right;
	}
}

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

	.codrops-icon span {
		display: none;
	}

}


.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  /*background-color: rgba(51,122,183,1);*/
  background-color: #1761B5;
  color: white;
  text-align: center;
  vertical-align:middle;
  line-height:2em;
  height:2em;
  z-index:99999;
  padding-right:20px;
  z-index: 999 !important;
}

.footer a {
	text-decoration: none;
	color:white;		
}


/*dinamikus háttérhez*/
.dynamic_background_default 
	{
	border:0px solid red; height: 100vh; padding:60px 0px 0px 0px;
	}	

.dynamic_background_1
	{
	border:0px solid red; height: 100vh; padding:100px 25px 25px 25px; background-image:url('../../Content/Images/hr-background.jpg');  background-repeat:no-repeat;
	}
			
.dynamic_background_2
	{
	border:0px solid red; height: 100vh; padding:100px 25px 25px 25px; background-image:url('../../Content/Images/hr-background2.jpg');  background-repeat:no-repeat;
	}

.dynamic_background_3
	{
	border:0px solid red; height: 100vh; padding:100px 25px 25px 25px; background-image:url('../../Content/Images/hr-background3.jpg');  background-repeat:no-repeat;
	}
	
.dynamic_background_system
	{
	border:0px solid red; height: 100vh; padding:100px 25px 25px 25px; background-image:url('../../Content/Images/hr-background-system.jpg');  background-repeat:no-repeat;
	}
/*dinamikus háttérhez*/


/* modul ikonok */
intelliTeam {
	background-image:url(../Images/Agile.png);
	height:36px;
	width:36px;
	}


/* modul ikonok */




textarea {
    border: none;
    outline: none;
}



/* override ---------------------------------------------------------------------------------------------------- */


section {
  /*Kostenszkii 201208*/
  
  /* background-color: #FAF9F8;  vil. szürke de ha ez benne van akkor eltűnik a sárkány*/
  /* assetben volt szinátmenetes háttér
  background: rgb(2,0,36); 
  background: linear-gradient(180deg, rgba(2,0,36,1) 0%, rgba(51,122,183,1) 0%, rgba(255,255,255,1) 35%);  
  font-family: Poppins, sans-serif;
  */  	

  /* ez nem jó a háttérkép miatt
  padding: 10px 10px 10px 10px;*/


  padding-bottom:50px;/*kell a footer miatt*/

  }


/*component.css*/

.gn-open-all {
	/*background-color:red;*/	
	border-top:0px;
	border-right:1px solid silver;
	}

.gn-open-all li :hover {
	background-color: #bcd7f6; 
	}
/*component.css*/


/*flexbox
	kell hogy teljes szélességűek legyenek a beviteli mezők*/
.col-md-10 {
    -ms-flex: 0 0 99.0%;
    flex: 0 0 99.0%;
    max-width: 99.0%;
    }

.card {
	/*border:0px; ahol kell ott fogjuk kikapcsolni	*/
	background: rgba(255, 255, 255, 0); /* background with 30% opacity de ez csak Card-al együtt működik */
	}

	

.card-body
	{

	}

.form-control
	{
	padding-top: 0px;
	padding-bottom: 0px;
	
	}





.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {

}

/* *** override ---------------------------------------------------------------------------------------------------- */




/*dot dot dot*/

.dotdotdot_submenu_item_head	{
	
}

.dotdotdot_submenu_item	{
	padding:5px;
	margin-right:24px;
	line-height:25px;
}

.dotdotdot_submenu_item:hover	{
	background-color: #bcd7f6; 
}

/*dot dot dot*/



/*override bootstrap*/
.h3, h3 {
    font-size: 1.25rem;
}



/* applications */

.AppGroupTitle{
	padding:20px 0 0 0px;
	font-weight:bold;
	font-size:1.2em;
	/*.flex-container-al összhangban!*/
	width:90%;
	margin:auto;

}

.AppCard {	
	margin:0px 0px 10px 0px; 
	background: rgba(255, 255, 255, 0); /* background with 30% opacity */
	color:black; 
	font-size:1.0em; 
	border:0px;	
	border-radius:0px;
	}
.AppCard :hover {	
	background-color:#BCD7F6;
	}

.AppCard a{	
	text-decoration:none;
	color:black;
	}

.AppLogo{
	float:left;
	padding:15px 15px 0 15px;  
	height:70px;
	width:90px;
	}

.AppTitle{	
	border-bottom:0px solid #1761B5;
	}
.AppText{
	color:black;
	border-bottom:0px solid #1761B5;
	text-align:justify;
	}

.AppBottomLine{	
	border-bottom:1px solid #1761B5;	
	height:2px;
	margin-top:5px;
	}


/*AppCardSmall*/
.AppCardSmall {	
	margin:0px 0px 10px 0px; 
	background: rgba(255, 255, 255, 0); /* background with 30% opacity de ez csak Card-al együtt működik */
	color:black; 
	font-size:1.0em; 			
	}
.AppCardSmall :hover {	
	background-color:#BCD7F6;
	}


.AppCardSmall a{	
	text-decoration:none;
	color:black;
	}

.AppLogoSmall{
	float:left;
	padding:5px 15px 0 10px;  
	height:60px;
	width:70px;
	position:absolute;	
	}

.AppTextSmall{	
	font-size:0.8em; 
	/*border:1px dotted red;*/
	padding: 10px 0 0 75px;
	}

@media screen and (max-width: 740px) {
	
	.AppTextSmall {
		display: none;
	}
	/*
	.AppCardSmall
	{
		height:75px;
	}	
	*/
	.AppGroupTitle{
		display: none;
	}
	.AppGroupTitleContener{
		display: none;

	}
}

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

	.AppTitleSmall_2{display: none;}

	.AppCardSmall
	{
		height:75px;
	}	
}



.AppTitleSmall_1{	
	margin: 0px 10px 0px 0px;
	border-bottom:0px solid #1761B5;
	font-size:1.2em; 
	}
.AppTitleSmall_2{	
	margin: 0px 0px 10px 0px;
	border-bottom:0px solid #1761B5;
	font-size:1.0em; 	
	padding-right:10px;
	}
.AppTextSmall_3{	
	margin: 0px 0px 10px 0px;
	border-bottom:0px solid #1761B5;
	font-size:1.1em; 	
	padding-right:10px;

	}





/*AppCardSmall*/


/* applications */


/* PageTitle */

.ViewPageTitle{
	font-size:1.5em; padding:10px; 
	/*color:#25AAE1;  */
	color:#ef4934;
	font-family: Poppins, sans-serif; 
	font-weight:normal;
}

@media screen and (max-width: 1025px) {
	.ViewPageTitle {
		font-size:1.4em;
	}
}

@media screen and (max-width: 600px) {
	.ViewPageTitle {
		font-size:1.3em;
	}
}


/* PageTitle */


/*	Claim  */

/*line*/

.ClaimLine
{
	height:95px; border-bottom:1px dashed silver;
	
}

.SideL
{
	padding:5px; float:left; width:40%; 
	border:0px solid red;  
	
}

.SideLTitle
{
	font-size:1.0em;
	font-weight:bold;
	
}

.Prices
{
	height:25px;
	padding-left:10px;
	
}

.ClaimExchangeRate
{
	font-size:0.8em;	
	padding-left:10px;
	float:left;
	width:150px;
	vertical-align:middle;	
	height:30px;
	line-height:30px;
	border:0px solid red;
	
}

.SumPrice
{
	font-size:1.2em;	
	float:right;
	width:200px;
	text-align:right;
	border:0px solid red;
	height:30px;
	
}

.SideR
{
	padding:5px; float:right; width:59%;  
	padding-left:30px;
	height:90px;
	line-height:90px;
	vertical-align:middle;
	border:0px solid blue;  
	text-align:center;
	

}



.ClaimHead
{

	border-top:1px solid silver;
	border-bottom:1px solid silver;
	padding:5px;
}

.ClaimHeadHeft
{
	height:55px;
	float:left;
	width:70%;
	border:0px solid red;	
	font-size:1.1em;
}

.ClaimHeadText
{	
	border:0px solid red;	
	font-size:1.1em;	
	margin-bottom:15px;
}

.ClaimHeadRight
{
	height:55px;
	line-height:50px;
	float:right;
	vertical-align:middle;
	font-size:1.4em;
	width:30%;
	border:0px solid red;
	text-align:center;
}

.RejectDescription{
	color: #e34234;
}


@media screen and (max-width: 850px)
{
	.Prices
	{
		/*display:none;*/
	}
	.SideR
	{
		display:none;
	}
	.ClaimExchangeRate
	{
		/*display:none;*/
	}
	.SideL
	{
		width:100%;
	}
}


@media screen and (max-width: 500px)
{	
	.ClaimLine
	{
		/*height:65px;*/
	}
	.ClaimHeadRight
	{
		display:none;		
	}
	.ClaimHeadHeft
	{
		width:100%;		
	}
}

/*Claim/Dashboard jóváhagyás elemek*/
.ClaimApprove
{
	margin-top:10px;
	padding:5px;
	border-bottom:1px solid silver;
}

.ClaimApprove:hover
{
	background-color:#BCD7F6;
}

.ClaimApproveTitle
{
	font-weight:bold;	
}

.ClaimApproveDescription
{
	padding:0 0 0px 0px;	
}

.ClaimApproveCategory
{
	padding:5px 0 0px 0px;
}

.ClaimApproveOtherInfo
{
	/*border:1px solid red;*/
	font-style:italic;
	text-align:right;
}


.Red
{
	color:red;
}

.Blue
{
	color:blue;
}

/*Claim/Dashboard jóváhagyás elemek*/



.BoxSubMenu
{
	box-shadow: 0px 0px 10px silver;   
	position: absolute; z-index:9999; 
	float:right; border:1px solid silver; 
	background-color:white; padding:10px;  
	width:200px; margin-left:-180px; 
	display:none; 
}

/*	Claim  */




.LoginBox {
	max-width:500px;
}


/*App box*/

.AppBox{
	/*kell*/	
}

.AppBoxDescription{
	/*kell*/
}

.AppBoxContentItem{
	height:35px;
}

@media screen and (max-width: 1000px) {	
	.AppBoxDescription{
		display:none;	
	}
	.card-title{
		font-size:1.0em;		
	}
}

@media screen and (max-width: 750px) {	
	.AppBoxContentItemHead {
		display:none;
	}	
}

.AppBoxContentItemHead{
	float:left;
	width:75%;
	vertical-align:middle;
	line-height:35px;
}

.AppBoxContentItemValue{
	font-size:1.5em; 
	color:coral; 
	float:right;	
	width:25%;
	line-height:35px;
	padding-left:5px;
	min-width:50px;
	text-align:right;	
}


.AppBoxContentItemHead2{
	float:left;
	width:50%;
	vertical-align:middle;
	line-height:35px;
}

.AppBoxContentItemValue2{
	font-size:1.5em; 
	color:coral; 
	float:right;	
	width:50%;
	line-height:35px;
	padding-left:5px;
	min-width:50px;
	text-align:right;	
}


/*App box*/




/*circle progress bar*/

#circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
	width: 125px;
    height: 125px;	
}

.loader {
    width: calc(100% - 0px);
	height: calc(100% - 0px);
	border: 8px solid  #1761B5/*#162534 eredeti*/; /*#1761B5 ic kék,   #EF4934 ic piros*/
	border-top: 8px solid #09f;
	border-radius: 50%;
	animation: rotate 5s linear infinite;
}

@keyframes rotate {
100% {transform: rotate(360deg);}
} 

/*circle progress bar*/





/*login*/

.ForgottenBox
{
	width:200px; margin:auto; margin-top:20px;
}

.ForgottenBox p
{
	text-align:center; 
}

.ForgottenBox p a
{
	text-decoration:none; color:black;
}


.LoginButtonBox
{
	width:175px; margin:auto; margin-top:20px;
}
.LoginButtonBox input
{
	border:0px;  border-radius: 1.5rem;  width:175px; height:50px; background-color:#337ab7;  color:white; font-size:1.2em;
}


/*login*/



.clear {
    clear: both;
}



/*button*/
.ButtonBox
{
	width:175px; margin:auto; margin-top:20px; 	
}
.ButtonBox input
{
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	height:50px; 
	background-color:#337ab7;  
	color:white; 
	font-size:1.0em;
}
.ButtonBox button
{
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	height:50px; 
	background-color:#337ab7;  
	color:white; 
	font-size:1.0em;
}

.ButtonBox button:hover
{	
	background-color:#F4511E;/*dark orange szerű*/
}


/*align Left*/
.ButtonBoxL
{
	/*width:175px;*/
	margin-top:0px; 		
	height:50px; 
	margin:10px;
}

.ButtonBoxL button
{	
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	height:50px; 
	background-color:#337ab7;  
	color:white; 
	font-size:1.0em;
}
.ButtonBoxL button:hover
{	
	background-color:#F4511E;/*dark orange szerű*/
}

.ButtonBoxL input
{	
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	height:50px; 
	background-color:#337ab7;  
	color:white; 
	font-size:1.0em;
}
/*align Left*/


/*for 2 buttons*/
.ButtonBoxL2
{
	width:auto;
	margin:0px;
	height:40px; 	
}

.ButtonBoxL2 button
{	
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	width:auto; margin:0px;	
	background-color:#337ab7;  
	color:white; 	
	float:left;		

	height:40px; 	
	font-size:0.9em;
	min-width:125px;
	margin-right:5px;	
}

.ButtonBoxL2 button:hover
{	
	background-color:#F4511E;/*dark orange szerű*/
}


.ButtonBoxL2 input
{	
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	background-color:#337ab7;  
	color:white; 	
	float:left;	

	height:40px; 	
	font-size:0.9em;
	min-width:125px;
	margin-right:5px;	

}
/*for 2 buttons*/


/*align Left  and Long */
.ButtonBoxLL
{	
	width:225px; margin-top:0px; 		
	height:40px; 
	margin:10px;	
}
.ButtonBoxLL button
{	
	border:0px;  
	border-radius: 1.5rem;  
	/*width:175px;*/
	background-color:#337ab7;  
	color:white; 
	
	height:40px; 	
	font-size:0.9em;
	min-width:125px;
	margin-right:5px;	
}

.ButtonBoxLL button:hover
{	
	background-color:#F4511E;/*dark orange szerű*/
}

/*layout-on lévő div*/
.page-content-layout{	
	padding:10px 10px 10px 10px;
	margin-bottom:100px;/*ez kell különben nem látszik a vége a tartalomnak*/	
}

/*ezt be kell tenni minden oldalra, ez legyen az első div*/
.page-content{	
	padding-top:10px;
	padding-bottom:50px;/*ez kell különben nem látszik a vége a tartalomnak*/			
}
/*ezt be kell tenni minden oldalra, ez legyen az első div*/


/*Storyboard*/
.storyboard{
	padding-top:20px;
}

.storybard-column-1{	
	/*background-color:lightsteelblue;*/
	/*border-bottom:1px solid silver;*/
	border-right:1px solid #e6e6e6;
}

.storybard-column-1 .card{		
	border-left:5px solid blueviolet;	
	margin:3px;
}

.storybard-column-2{	
	/*background-color:cadetblue;*/
	padding:10px 10px 10px 10px;
	border-right:1px solid #e6e6e6;
}
.storybard-column-2 .card{		
	border-left:5px solid blue;
	margin:3px;
}


.storybard-column-3{	
	/*background-color:burlywood;*/
	padding:10px 10px 10px 10px;
	border-right:1px solid #e6e6e6;
}
.storybard-column-3 .card{		
	border-left:5px solid orange;
	margin:3px;
}


.storybard-column-3-1{	
	/*background-color:burlywood;*/
	padding:10px 10px 10px 10px;
	border-right:1px solid #e6e6e6;
}
.storybard-column-3-1 .card{		
	border-left:5px solid orangered;
	margin:3px;
}



.storybard-column-4{	
	/*background-color:lightgreen;*/
	padding:10px 10px 10px 10px;	
}

.storybard-column-4 .card{		
	border-left:5px solid lightgreen;
	margin:3px;
}

.storybard-column-title-1{
	height:20px;
	text-align:center;	
	font-weight:bold;
	color:blueviolet;
}

.storybard-column-title-2{
	height:20px;
	text-align:center;	
	font-weight:bold;
	color:blue;
}

.storybard-column-title-3{
	height:20px;
	text-align:center;	
	font-weight:bold;
	color:orange;
}

.storybard-column-title-3-1{
	height:20px;
	text-align:center;	
	font-weight:bold;
	color:orangered;
}


.storybard-column-title-4{
	height:20px;
	text-align:center;	
	font-weight:bold;
	color:lightgreen;
	
}

/*Storyboard*/





/*Card-al együtt az oldal eszköztárának létrehozásához*/
.PageTools
{
	padding:5px;	
}

.PageTools button
{
	background-color:darkorange;
}

.PageTools button:hover
{
	background-color:#F4511E;/*dark orange szerű*/
	
}


.UserTitle
{	
	display:block;
	font-size:1.2em; 
	margin-right:10px;
}

@media screen and (max-width: 940px) {
	.UserTitle {
		display:none;		
	}
}



#Post_Delete
{
	background-color:#ef4934;
}
#Post_Save
{
	background-color:forestgreen;
}
#Post_Cancel
{
	/*nem módosítjuk a hátteret*/
}




/* Product card */

.ProductCard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  max-width: 300px;
  margin: auto;
  text-align: center;
  font-family: arial;
}

.ProductCardPrice {
  color: grey;
  font-size: 22px;
}

.ProductCard button {
  border: none;
  outline: 0;
  padding: 12px;
  color: white;
  background-color: #000;
  text-align: center;
  cursor: pointer;
  width: 100%;
  font-size: 18px;
}

.ProductCard button:hover {
  opacity: 0.7;
}

/*html minta*/
	/*
   <div class="ProductCard">
     <img src="../Content/Images/Notes/NoteforCard.png" alt="Product" style="width:100%">
     <h1>Tailored Jeans</h1>
     <p class="ProductCardPrice">$19.99</p>
     <p>Some text about the jeans..</p>
     <div><button>Add to Cart</button></div>
   </div>
   */
/**/

/* Product card */



/* Alert */

.alert {
  padding: 20px;
  background-color: #f44336;
  color: white;
  opacity: 1;
  transition: opacity 0.6s;
  margin-top: 15px;
  margin-bottom: 15px;
}

.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}


/*ha használod akkor csinálj js-t is*/
/* ez csak akkor lesz jó, ha nem dinamikusan teszed be az Alert-et
<script>
var close = document.getElementsByClassName("closebtn");
var i;

for (i = 0; i < close.length; i++) {
  close[i].onclick = function(){
    var div = this.parentElement;
    div.style.opacity = "0";
    setTimeout(function(){ div.style.display = "none"; }, 600);
  }
}
</script>
*/
.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.closebtn:hover {
  color: black;
}

/* Alert */