/* Plugin CSS Styles Start Here */

div.wrap.ohc p.search-box{

	float: unset !important;

	text-align: right;

	margin-bottom: 8px;

}

div.wrap.ohc .search-box input[name="s"]{

	float: unset !important;

}

div.wrap.ohc table.list {

	border-collapse: collapse;

}

/*table, td, th {

	border: 1px solid black;

	padding: 20px;

	text-align: center;

}*/

div.wrap.ohc table.list{

	table-layout: fixed;

	background: #fff;

	border: 1px solid #e5e5e5;

	box-shadow: 0 1px 1px rgba(0,0,0,.04);

	border-spacing: 0;

	width: 100%;

	clear: both;

	margin: 0;

	margin-top: 10px;

}

div.wrap.ohc table.list > thead > tr >th{

	border-bottom: 1px solid #e1e1e1;

	text-align: left;

	color: #32373c;

	overflow: hidden;

	padding: 8px;

	text-transform: capitalize;

	transition: none;

	text-decoration: none;

}

div.wrap.ohc table.list > thead > tr >th >a{

	color: #0073aa;

	transition: none;

	text-decoration: none;

}

div.wrap.ohc table.list > thead > tr >th.check-id{

	width: 10px;

}

div.wrap.ohc table.list > tbody > tr:nth-child(odd){

	background-color: #f9f9f9;

}

div.wrap.ohc table.list > tbody > tr.details >td{

	font-size: 14px;

	line-height: 1.5em;

	vertical-align: top;

	padding: 8px 8px;

	color: #0073aa;

	word-wrap: break-word;

}

div.wrap.ohc table.list > tbody > tr.details >td.product img{

	width: 176px;

}

div.wrap.ohc table.list > tbody > tr.no-items >td{

	padding: 8px 10px;

}

div.wrap.ohc .tablenav{

	clear: both;

    height: 30px;

    margin: 6px 0 4px;

    vertical-align: middle;

}

div.wrap.ohc .tablenav .tablenav-pages{

	float: right;

    height: 28px;

    margin-top: 3px;

    cursor: default;

    color: #555;

}

div.wrap.ohc .tablenav .displaying-num{

	margin-right: 7px;

}

div.wrap.ohc .screen-reader-text,

div.wrap.ohc .screen-reader-text span, 

div.wrap.ohc .ui-helper-hidden-accessible{

	border: 0;

    clip: rect(1px,1px,1px,1px);

    -webkit-clip-path: inset(50%);

    clip-path: inset(50%);

    height: 1px;

    margin: -1px;

    overflow: hidden;

    padding: 0;

    position: absolute;

    width: 1px;

    word-wrap: normal!important;

}

div.wrap.ohc .tablenav .total-pages{

	margin-right: 2px;

}

div.wrap.ohc .tablenav-pages-navspan{

	height: 16px;

    border-color: #ddd;

    background: #f7f7f7;

    color: #a0a5aa;

}

div.wrap.ohc div.tablenav-pages a{

	text-decoration: none !important;

}

div.wrap.ohc div.tablenav-pages a.next-page,

div.wrap.ohc div.tablenav-pages a.prev-page,

div.wrap.ohc div.tablenav-pages a.first-page,

div.wrap.ohc div.tablenav-pages a.last-page{

	display: inline-block;

	min-width: 17px;

	border: 1px solid #ccc;

	padding: 3px 5px 7px;

	background: #e5e5e5;

	font-size: 16px;

	line-height: 1;

	font-weight: 400;

	text-align: center;

}

div.wrap.ohc div.tablenav-pages{

	text-align: right;

}

div.wrap.ohc div.tablenav-pages.bottom{

	margin-top: 3px;

}	

div#wpwrap .simple-form{

	background-color: #999 !important;

	text-align: -webkit-center;

}

#wpwrap .simple-form-table{

	position: relative;

    display: inline-block;

    width: 50%;

}

#wpwrap .simple-form-table tbody{

	position: relative;

    display: inline-block;

    width: 100%;

}

#wpwrap .simple-form-table tbody .simple-form-title{

	position: relative;

    display: inline-block;

    width: 100%;

    text-align: center;

}

#wpwrap .simple-form-table tbody .simple-form-title th{

	position: relative;

    display: inline-block;

    padding: 10px;

    font-size: 20px;

}

div.wrap.ohc table.form{

	position: relative;

    width: 70%;

}

div.wrap.ohc table.form tbody{

	width: 100%;

    position: relative;

}

div.wrap.ohc table.form tbody tr{

	width: 100%;

    position: relative;

	text-transform: capitalize;

}

div.wrap.ohc table.form tbody tr th{

	position: relative;

    width: 100%;

	text-align: left;

}

div.wrap.ohc table.form tbody tr td input{

	padding: 3px 5px;

	border: 1px solid #ddd;

    box-shadow: inset 0 1px 2px rgba(0,0,0,.07);

	width: 45.5%;
	
	margin-bottom: 5px;

}

div.wrap.ohc table.form tbody tr td input[type="checkbox"]{

	width: 0%;

}

div.wrap.ohc table.form tbody tr td > div.controls{

	height: 17px;

	font-size: 0;

}

div.wrap.ohc table.form tbody tr td > div.controls span.add-on{

	display: inline-block;

    width: auto;

    height: 20px;

    min-width: 16px;

    padding: 4px 5px;

    font-size: 14px;

    font-weight: normal;

    line-height: 20px;

    text-align: center;

    text-shadow: 0 1px 0 #ffffff;

    background-color: #eeeeee;

    border: 1px solid #ccc;

	border-radius: 0px;

}

div.wrap.ohc [class^="icon-"],

div.wrap.ohc [class*=" icon-"]{

	display:inline-block;

	width:14px;

	height:14px;

	*margin-right:.3em;

	line-height:14px;

	vertical-align:text-top;

	background-image:url("../bootstrap/img/glyphicons-halflings.png");

	background-position:14px 14px;

	background-repeat:no-repeat;

	margin-top:1px;

}

div.wrap.ohc .icon-arrow-left:before , div.wrap.ohc .icon-arrow-right:before{

	content: "" !important;

}

div.wrap.ohc .icon-th{

	background-position:-240px 0;

}

div.wrap.ohc .icon-remove{

	background-position:-312px 0;

}

div.wrap.ohc .dropdown-menu{

	position:absolute;

	top:100%;

	left:0;

	z-index:1000;

	display:none;

	float:left;

	min-width:160px;

	padding:5px 0;

	margin:2px 0 0;

	list-style:none;

	background-color:#ffffff;

	border:1px solid #ccc;

	border:1px solid rgba(0, 0, 0, 0.2);
}

div.wrap.ohc table.form tbody tr td > div.controls input{

	height: 30px;

	margin-bottom: 0px;

}

div.wrap.ohc table.form tbody tr td input[type="submit"],

div.wrap.ohc table.form tbody tr td input[type="button"]{

	padding: 3px 5px;

	width: 15%;

}

div.wrap.ohc table.form tbody tr td a{

	text-decoration: none !important;

}

div.wrap.ohc table.form tbody tr.address td textarea{

	width: 351px;

}

div.wrap.ohc table.form tbody tr.product td img{

	width: 176px;

}

div.wrap.ohc .updated.notice{

	margin: 5px 0 15px;

	border-left-color: #46b450 !important;

	background: #fff;

    border-left: 4px solid #fff;

    box-shadow: 0px 5px 10px 4px rgba(0,0,0,.1);

    padding: 1px 12px;

}

div.wrap.ohc .updated.notice p{

	margin: .5em 0;

    padding: 2px;

	font-size: 13px;

    line-height: 1.5;

	margin-right: 6px;

    vertical-align: bottom;

}

div.regularslider{

	max-width: 100% !important;

	width: 100% !important;

	margin: 0px auto !important;

	border:none !important;

}

div.regularslider .slider{

	overflow: visible !important;

}

div.regularslider table.main{

	display: inline-table !important;

}

div.regularslider .slick-list{

	z-index: 000 !important;

}

div.regularslider .slick-slide {

  margin: 0px 12px;

}

div.regularslider .slick-slide img {

  width: 100%;

}

div.regularslider .slick-prev {

   z-index: 999 !important;

}

div.regularslider .slick-next {

   z-index: 999 !important;

}

div.regularslider .slick-prev:before,

div.regularslider .slick-next:before {

  color: black;

}

div.regularslider .slick-slide {
  background-color: #fff !important;
  transition: all ease-in-out .3s;

  opacity: .2 !important;

}

div.regularslider .slick-slide.slick-active {

  opacity: 1 !important;

}

div.regularslider .slick-current {

  opacity: 1 !important;

}

/*Start Opening Hours HTML Calander*/

table.main td, table.main th,.event-calendar ul li{

	padding: 0px !important;

}

div.calendar-container{

	padding: 35px 0px!important;

}

div.calendar-container div.header{

	position: relative !important;

    display: inline-block !important;

    width: 100% !important;

	padding-bottom: 20px !important;

}

div.calendar-container div.header h1.title{

	position: relative !important;

    display: block !important;

	color: #097dc6 !important;

	margin-top: 0px !important;
	text-align:center !important;
	font-size:40px !important;
	line-height:45px !important;
	margin-bottom:35px !important;
}

div.calendar-container div.header div.event-calendar{

	position: relative !important;

    display: block !important;

    width: 100% !important;

	padding: 0px !important; 

}
div.calendar-container div.header div.event-calendar ul{
	list-style:none !important;
	padding:0px !important;
}
div.calendar-container div.header div.event-calendar ul li{
	font-family: 'Swiss-721R' !important;
	font-weight:normal !important;
	font-size:19px !important;
	line-height:25px !important;
	color:#898a8d !important;
}
div.calendar-container div.header div.event-calendar ul li span.cat_color{

    padding: 0px 11px !important;
	margin-right:10px !important;
	border-radius:100px !important;
	-moz-border-radius:100px !important;
	-ms-border-radius:100px !important;
	-webkit-border-radius:100px !important;
	-o-border-radius:100px !important;

}

div.calendar-container div.header div.event-calendar ul li span.event-name{

	text-align: left !important;

	padding-left: 5px !important;

}

div.calendar-container div.calendar{

	position: relative !important;

    display: block !important;

    width: 100% !important;

    padding: 0px !important;

	text-align: center !important;

}

div.calendar-container table.main h4 {

    font-family: 'Swiss-721R' !important;
	font-weight:normal !important;

    font-size: 18px !important;

    margin: 0 0 10px !important;

    text-align: center !important;

	color: #ffffff !important;
	background-color:#397ac0 !important;
	padding:15px 5px !important;
}

div.calendar-container table.main{

   
	font-family: 'PT Sans', sans-serif !important;

    font-size: 13px !important;

    width: 100% !important;
    border-collapse: inherit !important;
	padding-bottom:25px !important;
}

/*Start for RB*/

div.calendar-container table.main tbody{
	
	position: relative !important;
	
    display: inline-block !important;
	
    width: 100% !important;
	
}

div.calendar-container table.main tbody tr.month_title,

div.calendar-container table.main tbody tr.day_title,

div.calendar-container table.main tbody tr.day_row{
	
	position: relative !important;
	
    display: inline-block !important;
	
    width: 100% !important;
	
}

div.calendar-container table.main tbody tr.month_title td{
	
	position: relative !important;
	
    display: inline-block !important;
	
    width: 100% !important;
	
}

div.calendar-container table.main tbody tr.day_title th{
	
	position: relative !important;
	
    display: inline-block !important;
	
    width: 22px !important;
	
    height: 22px !important;
	
	line-height: 12px !important;
	
	margin: 6px 4px !important;
	
}
div.calendar-container table.main tbody tr.day_row td{
	
	position: relative !important;
	
    display: inline-block !important;
	
    width: 22px !important;
	
    height: 22px !important;
	
    line-height: 12px !important;
	
    margin: 6px 4px !important;
	
}
/*End for RB*/

div.calendar-container table.main th{

	font-family: 'Swiss-721R' !important;
	font-weight:normal !important;
	color:#898a8d !important;
    font-size: 13px !important;

}

div.calendar-container td {

    border: none !important;	
	line-height: 22px !important;
	
    text-align: center !important;	
	border-radius:100px !important;
	-moz-border-radius:100px !important;
	-webkit-border-radius:100px !important;
	-ms-border-radius:100px !important;
	-o-border-radius:100px !important;
	padding:4px 0px !important;
}

div.calendar-container tr td,
div.calendar-container tr th{

    color: #fff !important;
	font-family: 'Swiss-721R' !important;
	font-weight:normal !important;
}
div.calendar-container tr.month_title td { padding:0px !important;}
/*div.calendar-container tr td.holiday{
	color: #a9a39d !important;
}*/
div.calendar-container tr td.disable{
	color: #898a8d !important
}

@media only screen and (max-width: 900px){
	
	div.regularslider{
		
		max-width: 95% !important;
		
	}
	
	div.calendar-container div.header{
		
		padding: 0px 30px 20px !important;
		
	}

}

@media only screen and (max-width: 800px){
	
	div.regularslider{
		
		max-width: 90% !important;
		
	}

	div.calendar-container{
		
		padding-bottom: 35px !important;
		
	}
	
	div.calendar-container div.header div.event-calendar{

		width: 100% !important;

	}
	
	div.calendar-container div.header div.event-calendar ul li{
		
		font-size: 18px !important;
		
		line-height: 23px !important;
		
	}

}

@media only screen and (max-width: 580px){
	
	div.regularslider{
		
		max-width: 80% !important;
		
	}
	
}

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

	div.calendar-container div.header div.event-calendar ul li span.cat_color{
		
		padding: 0px 9px !important;
		
	}
	
	div.calendar-container div.header div.event-calendar ul li{
		
		font-size: 15px !important;
		
		line-height: 20px !important;
		
	}

}

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

	div.calendar-container table.main tbody tr.day_row td,
	div.calendar-container table.main tbody tr.day_title th{
		margin: 3px 2px !important;
	}	
	
}
/*End Opening Hours HTML Calander*/

/*End for RB*/