/*@import url(http://fonts.googleapis.com/css?family=Kreon:400,700);*/


/*Page-header styling*/
.page-header > h1{
	color:#fff;
}


.img_container {
   display: inline;
    position: relative;
}

.img_container img {
	border:1px solid #f00;
}

.scroller {
  height: 170px;
  width: 800px;
  overflow: hidden;
}

.scroller li {
  height: 170px;
  width: 250px;
  float: left;
}

/****************************************IMAGE DESCRIPTION ON HOVER************************************/
.thumb {
    background-color: rgba(0,0,0,0.75);
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity 0.3s linear;
    text-shadow: #000 1px 1px 0;
    /*color: #ccc;*/
	
	margin: auto;
    width: 80%;
    padding: 0px;
	top:5%;
	left:10%;
}
.thumb:hover {
   
    opacity: 1.0;
}


.thumb p {
    margin-bottom: 10px;
	text-align:centr;
	font-size:10px;
}

.b{
	height: 600px; 
	overflow: hidden; 
	width: 200px; 
	margin-left:auto; 
	margin-right: auto;
}

.b-con div{
	width: 198px; 
	height: 198px; 
	border: 1px solid #ddd; 
	text-align: center;
	}

/********* Foundation Icons Sizes*************/
.size-10 { font-size: 10px; }
.size-11 { font-size: 11px; }
.size-12 { font-size: 12px; } 
.size-13 { font-size: 13px; }
.size-14 { font-size: 14px; }
.size-15 { font-size: 15px; }
.size-16 { font-size: 16px; }
.size-17 { font-size: 17px; }
.size-18 { font-size: 18px; }
.size-19 { font-size: 19px; }
.size-20 { font-size: 20px; }
.size-21 { font-size: 21px; }
.size-22 { font-size: 22px; }
.size-23 { font-size: 23px; }
.size-24 { font-size: 24px; }
.size-25 { font-size: 25px; }
.size-26 { font-size: 26px; }
.size-27 { font-size: 27px; }
.size-28 { font-size: 28px; }
.size-29 { font-size: 29px; }
.size-30 { font-size: 30px; }
.size-31 { font-size: 31px; }
.size-32 { font-size: 32px; }
.size-34 { font-size: 34px; }
.size-36 { font-size: 36px; }
.size-40 { font-size: 40px; }
.size-44 { font-size: 44px; }
.size-48 { font-size: 48px; }
.size-55 { font-size: 55px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }
.nobold {font-weight:500; }
.makebold {font-weight:bold; }
/*******************************************************/

.pad-3 { padding: 3px; }
.redtext{ color:#f00; }
.yellowtext{ color:#ff0; }
.whitetext{ color:#fff; }
.bluetext{ color:#00f; }
.redalerttext{ color:#AF4442; }
.padright{ padding-right:30px;}




.payeasy{color:#EB1D16; }
.payeasy-dark{color:#EB1D16; }
.dismarkbuttongreen{color:#EB1D16; }

.padright{ padding-right:30px;}

.AlertTheme{
	background-color:#F4C2CE;
	color:#71132A;
	font-size:1.1em;
	text-align:center;
	padding:5px; 
	font-weight:bold;
	margin-bottom:10px;
}

.SuccessTheme{
	background-color:#D4EDDA;
	color:#346F41;
	font-size:1.1em;
	text-align:center;
	padding:5px; 
	font-weight:bold;
	margin-bottom:10px;
}

div.blockMsg {
    width:  40%;
    top:    30%;
    left:   30%;
    text-align: center;
    background-color: #111064;
    border: 1px solid #ddd;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); 
    -moz-opacity:.70;
	text-align:center;
	font-size:20px;
	font-weight:bold;
    opacity:.70;
    padding: 15px;
    color: #fff;
}

/*Xendata Button*/
.btn-payeasy,
.btn-payeasy:active,
.btn-payeasy:visited {
  background-color: #EB1D16 !important;
  color: #FFFFFF;
}

.btn-disamark:hover {
  background-color: #EB1D16 !important;
  color: #E3E3E3;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}

.btn-payeasy:not( :hover ){ 
	background-color: #EB1D16 !important;
  	color: #FFFFFF;
}

label {font-weight:500;}

/* Bootstrap Tooltip width*/
.tooltip-inner {
    min-width: 250px;
    max-width: 300px; 
}