/*General*/
.inline {
    display: inline-block;
    vertical-align: top;
    float:left;
}

.jmi_sitem_item_singlelink.finline {
    display: inline-block !important;
    vertical-align: top;
    float:left !important;
}

.forcefwidth {
   display:block !important;
   width:100% !important;
   float:left;
}

/*Offer List Items*/

.jmyitems_component_listitems_wrapper {
    margin-top:60px;
    margin-bottom:25px;
}

.jmyitems_listitems_item {
    border-bottom: 1px solid #6e2347;
    margin-bottom: 50px;
    padding-bottom:25px;
    display: block;
    float: left;
    width: 100%;
}

.jmyitems_listitems_item .jmyitems_listitems_left {
    margin-bottom: 15px;
}

.jmyitems_listitems_item .jmyitems_listitems_right {
    padding-left: 25px;
}

.jmyitems_listitems_image_wrapper {
	max-height:200px;
	overflow:hidden;
}

.jmyitems_listitems_image {
    max-width: 100%;
    float: left;
    border: 1px solid #6e2347;
    width:100%;
}

h3.jmyitems_listitems_title {
    font-size: 22px;
    display: block;
    margin: 0 0 10px 0;
    text-align: left;
    font-weight: 400;
    color: #6e2347;
    border:0px;
}

h3.jmyitems_tileitems_title {
    display: block;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    margin: 15px 0;
    font-size: 15px;
    border-bottom: 0px;
    font-weight: 400;
    padding: 0px;
    color: #333;
}

h3.jmyitems_tileitems_title:after{
    display:none;
}

.jmyitems_listitems_readmore {
    display: block;
    color: #999;
    font-style: italic;
    text-align: right;
}

.jmyitems_listitems_readmore:hover {
    color: #000;
}

.jmyitems_listitems_pricefrom {
}

.jmyitems_listitems_introdesc {
}


/*Offer Tiles Items*/

.jmyitems_tileitems-1 {
    width:100%;
}
.jmyitems_tileitems-2 {
    width:50%;
}
.jmyitems_tileitems-3 {
    width: 33.33%;
}

.jmyitems_tileitems-4 {
    width:25%;
}

.jmyitems_tileitems-5 {
    width:20%;
}

.jmyitems_tileitems-6 {
    width:16%;
    padding:0.65%;
}

.jmyitems_tileitems {
    float: left;
    position: relative;
    margin-bottom: 0px;
    outline: 1px solid #e0e0e0;
    outline-offset: -7px;
    padding: 14px;
}

.jmyitems_tileitems img{
    width:100%;
    border: 1px solid #6e2347;
}
/*
h3.jmyitems_tileitems_title {
    font-size: 18px;
    display: block;
    margin: 10px 0;
    text-align: center;
    font-weight: 400;
    color: #6e2347;
    min-height: 50px;
}
*/

.jmi_sitem_wrapper_right_header h3,
h3.jmyitems_title {
    font-size: 16px;
    font-weight: 400;
    margin: 0px 0px 10px 0px;
    padding: 0;
    text-transform: uppercase;
    /*color: #6e2347;*/
    color:#333;
}

h4.jmyitems_tileitems_subtitle {
    font-size: 12px;
    color: #6e2347;
    margin: 0px;
    text-align: center;
    text-transform: lowercase;
    font-weight: 400;
}

.jmyitems_tileitems a {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 150px;
}

p.jmyitems_tileitems_price {
    text-align: center;
    font-size: 13px;
    margin: 0px;
}

.jmyitems_tileitems_readmore {
    display: block;
    color: #999;
    font-style: italic;
    text-align: center;
    margin:10px 0;
}

.jmyitems_tileitems_readmore:hover {
    color: #000;
}

/*Offer Items*/
div#jmyoffer {
    margin-top: 50px;
}

img.jmyitems_item_image {
    max-width: 250px;
    float: left;
    border: 1px solid #6e2347;
    width:100%;
}

.jmyitems_item {
    border-bottom: 1px solid #6e2347;
    margin-bottom: 50px;
}

.jmyitems_component_wrapper h4.jmyitems_item_prod,
.jmyitems_component_wrapper p.jmyitems_item_price {
    font-size: 26px;
    display: block;
    margin: 0 auto;
    text-align: left;
    font-weight: 400;
    color: #6e2347;
    padding: 10px 0px 0px;
}

p.jmyitems_item_promo {
    position: absolute;
    background-color: #6e2347;
    padding: 3px 10px;
    color: #fff;
    font-weight: 400;
    top: 0;
    left: 0;
}

.offer_wrapper {
/*    text-align: center;
    width: 60%;
    margin: 0 auto;
*/}

.offer_wrapper {
    text-align: center;
    margin: 25px auto 50px;
}

div.modal-content h4 {
    margin: 0;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    margin-top: 5px;
    margin-bottom: -5px;
    text-transform: uppercase;
}

div#clock span {
    font-weight: 700;
    font-size: 18px;
}

.offer_button {
    background-color: #464646;
    display: inline-block;
    padding: 10px 35px;
    border-bottom: 7px solid #6e2347;
    color: #fff;
    font-size: 16px;
    margin-bottom:10px;
}

.offer_button:hover {
    cursor: pointer;
}

/* Single view product style*/

.jmi_sitem_wrapper {
    margin-top: 60px;
    border-top: 0px solid #6e2347;
    margin-bottom:25px;
}

.jmi_slider_offer li img,
.jmi_sitem_image {
    width: 100%;
}

.jmi_slider_offer li img {
    cursor:pointer;
}

.jmi_sitem_mainimage {
    position: relative;
    /*
    border: 1px solid #6e2347;
    */
}

.jmi_sitem_wrapper .jmi_sitem_wrapper_left {
    margin:0px 0px 15px 0px;
}

.jmi_sitem_wrapper .jmi_sitem_wrapper_right {
    margin:0px 0px 15px 0px;
    padding-left: 25px;
}

.jmi_sitem_wrapper_left .lSSlideWrapper.usingCss {
    border: 1px solid #6e2347;
}

.jmi_sitem_wrapper_into {
    margin-bottom:10px;
}

.jmi_sitem_wrapper_left {
    display: inline-block;
    float: left;
    margin-top: 15px;
}

.jmi_sitem_wrapper_left a {
    position: relative;
    float: left;
    display: block;
}

.lSSlideOuter .lSPager.lSGallery li
/*.jmi_sitem_wrapper_left a img*/ {
    border: 1px solid #6e2347;
    border-radius:0 !important;
}

.jmi_sitem_wrapper_right {
    display: inline-block;
    float: left;
}

.jmi_sitem_wrapper_right_header {
    border-bottom: 0px solid #6e2347;
    padding:0px 0px;
    margin-bottom:15px;
}

.jmi_sitem_wrapper_right_subheader {
    width: 100%;
    display: block;
}

h3.jmi_sitem_title,
.jmi_sitem_wrapper_right h3 {
    text-align: left;
    border-bottom: 0px;
    font-weight: 400;
    padding: 0px;
    color:#333;
    /*color:#6e2347;*/
}

.jmi_sitem_wrapper_right h3 {
    font-size: 18px;
}

h3.jmi_sitem_title {
    margin: 15px 0;
    font-size: 15px;
}

.jmi_sitem_wrapper_right h4 {
    text-align: left;
    display: block;
    margin: -5px 0px 15px;
    padding-right: 0;
    text-transform: lowercase;
    color: #b7b7b7;
    font-size: 16px;
    font-weight: 400;
}

.jmi_sitem_item_desc {
    padding-bottom: 15px;
}


.jmi_sitem_datefrom, .jmi_sitem_price {
    line-height: 1em;
    text-align: left;
    color: #555;
    font-size: 12px;
}

.jmi_sitem_item_body_left {
    vertical-align:top;
    padding-right:10px;
}

.jmi_sitem_item_body_right {
    vertical-align:top;
    padding:10px 0px 10px 10px;
}

.jmi_sitem_item_desc img {
    max-width:100%;
}

.jmi_sitem_item_singlelink {
    display:block;
    margin-bottom:5px;
}

.jmi_sitem_item_desc ul {
    margin: 10px 0px;
    padding: 0;
}

.jmi_sitem_itemtags_wrapper {
width:100%;
float:left;
}

img.jmi_sitem_itemtags_img {
    padding: 10px;
    max-width: 50px;
    text-align: center;
}

.tm-tooltip.tooltipstered img {
    padding: 10px;
    max-width: 50px;
    text-align: center;
}

.jmi_sitem_dcscontainer_item {
    padding: 5px 5px 5px 15px;
    border-bottom: 1px solid #f6f6f6;
}

/* Carousel for Other Items from Category*/

.jmi_releateditems_wrapper {
    border-top: 0px solid #6e2347;
    margin-top: 25px;
    padding-top: 25px;
}

/*
.otheritems_item {
    border-right: 1px solid #6e2347;
    padding: 0 5px;
}

.otheritems_item {
    display: block;
    width: 100%;
    border: 1px solid #e0e0e0;
    padding: 5px;
}

*/
li.otheritems_item {
    height: 100%;
    float: left;
    display: -webkit-box;
}

.otheritems_item a {
    position: relative;
    float: left;
    width: 100%;
}



.otheritems_item_title {
    color: #6e2347;
    font-size: 14px;
    line-height: 12px;
    font-weight: 300;
    margin: 0px;
    padding: 7px 10px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0px;
    background-color: #fff;
    border-bottom: 1px solid #6e2347;
}

.otheritems_item_subtitle {
    font-size: 10px;
    line-height: 12px;
    color: #b7b7b7;
    text-transform:lowercase;
}

p.otheritems_maintitle {
    font-size: 16px;
    color: #555555;
}
/*
p.otheritems_maintitle span {
    font-weight: 700;
    color: #6e2347;
    text-transform:uppercase;
}
*/
.otheritems_item_left {
   width:100%;
}

.otheritems_item_right {
   width:100%;
}

.otheritems_item_left,
.otheritems_item_right {
    float:left;
    display:inline-block;
}

.otheritems_image {
    width: 100%;
}

.jmi_releateditems_wrapper .lSAction>.lSPrev {
    left: 10px;
    height: 100%;
    margin-top:0px;
    top: 0;
    margin-left: -10px;
    background: none;
}

.jmi_releateditems_wrapper .lSAction>.lSPrev:before {
    width: 15px;
    height: 100%;
    content: "\f104";
    background-color: #6e2347;
    display: block;
    padding-top: 77px;
    padding-left: 5px;
    color: #fff;
}

.jmi_releateditems_wrapper .lSAction>.lSNext {
    right: 0px;
    height: 100%;
    margin-top:0px;
    margin-right: -17px;
    background: none;
    top: 0;
}

.jmi_releateditems_wrapper .lSAction>.lSNext:before {
    width: 15px;
    height: 100%;
    content: "\f105";
    background-color: #6e2347;
    display: block;
    padding-top: 77px;
    padding-left: 6px;
    color: #fff;
}

/*
.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSPrev {
    background-position: 50% 50%;
    top: 0px !important;
    width: 200px;
    display: block;
    height: 14px;
    background-image: url(../images/toparr4.png);
    background-repeat: no-repeat;
    text-align: center;
    left: 50%;
    margin-left: -100px !important;
}


.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSNext {
background-position: 50% 50%;
    bottom: 0px !important;
    width: 200px;
    display: block;
    height: 14px;
    background-image: url(../images/bottomarr4.png);
    background-repeat: no-repeat;
    text-align: center;
    left: 50%;
    margin-left: -100px !important;
}
*/

.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSPrev {
    left: 10px;
    height: 60px;
    top: 50%;
    margin-left: -10px;
    background: none;
    margin-top: -30px;
}

.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSPrev:before {
    width: 15px;
    height: 100%;
    content: "\f104";
    background-color: #6e2347;
    display: block;
    padding-top: 22px;
    padding-left: 4px;
    color: #555;
}

.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSNext {
    right: 0px;
    height: 60px;
    top: 50%;
    margin-right: -16px;
    background: none;
    left: 100%;
    margin-top: -30px;
}

.jmi_sitem_mainimage .lSSlideOuter.vertical .lSAction>.lSNext:before {
    width: 15px;
    height: 100%;
    content: "\f105";
    background-color: #6e2347;
    display: block;
    padding-top: 22px;
    padding-left: 5px;
    color: #555;
}


/*Collapse*/
div#jmi_sitem_dcscontainer {
    background: #fff;
    border-width: 0 1px 0px 0;
    overflow: hidden;
    margin-bottom: 20px;
}

h3.jmi_sitem_dcscontainer_title {
    background-color: #f6f6f6;
    overflow: hidden;
    margin: 4px 0 3px 0px;

}

h3.jmi_sitem_dcscontainer_title:hover {
    background: #e2e2e2;
}

h3.jmi_sitem_dcscontainer_title:after {
    display:none;
}

h3.jmi_sitem_dcscontainer_title a {
    background: url(../images/sprite.png) 98% 10px no-repeat;
    display: block;
    padding: 5px;
    padding: 6px 0px 6px 20px;
    color: #333;
    width: 100%;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    margin: 0px 0px 0px 0px;
    text-transform: uppercase;
}

h3.jmi_sitem_dcscontainer_title.open a {
    background-position: 98% -29px;
}

/*Feature table*/

.itemfeature_header {
    background-color: rgb(102,184,29);
    padding: 5px;
    color: #fff;
    font-weight: 700;
}

.itemfeature_content-ifodd {
    background-color: #f6f6f6;
    padding: 2px 5px;
}

.itemfeature_content-ifeven {
    background-color: #ffffff;
    padding: 2px 5px;
}

/*Happy Hour */

.jmyitems_happyhouroffer_item {
    margin-bottom:50px;
}

.happyhouroffer_title {
    text-align: left;
    font-size: 28px;
    margin: 15px 0 20px;
    text-transform: none;
}

.jmyitems_happyhouroffer_button {
    text-align:center;
}

.jmyitems_happyhouroffer_from, 
.jmyitems_happyhouroffer_to, 
.jmyitems_happyhouroffer_timeto,
.jmyitems_happyhouroffer_price,
.jmyitems_happyhouroffer_quantity,
.jmyitems_happyhouroffer_avquantity {
    width: 175px;
    display: inline-block;
    font-weight: 700;
}

.jmyitems_happyhouroffer_button,
.jmyitems_happyhouroffer_offerquantityzero {
    text-align:center;
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6e2347;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: #464646;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Ribbons */

.ribbonright {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbonright span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: ;
  background: linear-gradient( 0%,  100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbonright span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbonright span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

.ribbonleft {
  position: absolute;
  left: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbonleft span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  width: 100px;
  display: block;
  background: #f5f5f5;
  background: linear-gradient(#f5f5f5 0%, #f5f5f5 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; left: -21px;
}
.ribbonleft span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #8F0808;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}
.ribbonleft span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #8F0808;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #8F0808;
}

@media (max-width: 1300px) {

.jmyitems_listitems_image_wrapper {
	max-height:140px;
	overflow:hidden;
}

h3.jmyitems_tileitems_title {
    font-size: 12px;
}

}

@media (max-width: 992px) {
.jmi_sitem_wrapper_into,
.jmi_sitem_wrapper_left {width: 90%;margin:5% 5% 0;}

.jmi_sitem_wrapper_right.jmi_nofullwidth {width: 90%;margin:0% 5%;}
.jmi_sitem_wrapper_right.jmi_fullwidth {width: 100%;}

.jmyitems_listitems_item .jmyitems_listitems_left {
    margin-bottom: 0px;
    padding: 0 20px 10px;
}

.jmyitems_listitems_item .jmyitems_listitems_right {
    padding-left: 0px;
    padding: 0 20px;
}

.jmi_sitem_wrapper .jmi_sitem_wrapper_left {
    margin-bottom: 0px;
    padding: 0 20px 10px;
}

.jmi_sitem_wrapper .jmi_sitem_wrapper_right {
    padding-left: 0px;
    padding: 0 20px;
}

}

@media (max-width: 772px) {

.jmyitems_tileitems-4 {width: 50%;}
.jmi_sitem_item_body_left {width:100%;padding: 0px;}
.jmi_sitem_item_body_right {width:100%;padding: 0px;border-top: 1px solid #e7e7e7;}

}

@media (max-width: 500px) {

.jmyitems_tileitems-3 {
    width: 100.00%;
}

}

fieldset {
    margin: 0 !important;
    padding: 0 !important;
    border: 0px !important;
}

form.jmi_filter_form {
    border: 1px solid #e0e0e0;
    padding: 10px;
    margin-top: 6px;
    overflow: hidden;
}

	.custom-checkbox{
		width: 25px;
		height: 25px;
		display: inline-block;
		position: relative;
		z-index: 1;
		top: 3px;
		background: url("../images/checkbox-sprite.png") no-repeat 0 0 transparent;
	}
	.custom-checkbox:hover{
		background-position: 0 -25px;
	}
	.custom-checkbox.selected{
		background-position: 0 -50px;
	}
	.custom-checkbox input[type="checkbox"]{
		margin: 0;
		position: absolute;
		z-index: 2;            
		cursor: pointer;
		outline: none;
		opacity: 0;
		/* CSS hacks for older browsers */
		_noFocusLine: expression(this.hideFocus=true); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
	}

    label{
        display: block;
        padding: 2px 0;
    }
    input[type="submit"]{
        float: left;
        background: #f2f2f2;
        border: 1px solid #CCCCCC;
        border-radius: 4px;
        margin-top: 20px;
        padding: 4px 10px;
        cursor: pointer;
        outline: none;
    }


	input[type="submit"]:hover{
        color: #fff;
        border-color: #1b7aa9;
        background-color: #239fdb;
    }

input.submitsearch  {
    float: left;
    margin-top: 10px;
    border-radius: 0px;
    outline: 0px;
    border: 0px;
    color: #fff;
    width: 65%;
    padding: 9px 0 9px 25px;
    background: #ff4e00 url(../images/glass.png) 85% 50% no-repeat;
    text-align: left;
}

input.submitsearch:hover {
    background: #3f474f url(../images/glass.png) 90% 50% no-repeat;
}

button.submitclear.js-stools-btn-clear {
    float: left;
    margin-top: 10px;
    border-radius: 0px;
    text-align:left;
    outline: 0px;
    border: 0px;
    color: #333;
    text-indent: 0px !important;
    width: 15%;
    min-height:38px;
    padding: 9px 0 9px 15px;
    background: #f6f6f6 url(../images/reload.png) 50% 50% no-repeat;
}

button.submitclear.js-stools-btn-clear:hover {
    background: #3f474f url(../images/reload.png) 50% 50% no-repeat;
    color:#fff;
}

.control-label label {
    font-size: 14px;
    float:left;
/*
    text-transform: uppercase;
    color: #ff4e00;
    margin: 15px 0;
    font-size: 15px;
    text-align: left;
    border-bottom: 0px;
    font-weight: 400;
    padding: 0px;
    color: #333;
*/
}


.js-stools-field-filter select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #ff4e00;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 13px;
    font-weight: normal;
    outline: none;
    padding: 9px 0px 9px 18px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: 80%;
    margin: 0 20% 25px 0;
}

.tooltip_templates { display: none; }

a.jmi_contact_button {
    background-color: #ff4e00;
    padding: 5px 15px;
    color: #fff;
    font-weight: 300;
    width: 150px;
    margin: 10px 0;
    display: block;
    text-align: center;
    font-size: 14px;
    float: right;
    text-transform: uppercase;
}

a.jmi_contact_button:hover {
    background-color: #3f474f;
    color:#fff;
}

/* Style the list */
ul.tab {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display:block;
    background-color: #f1f1f1;
}

/* Float the list items side by side */
ul.tab li {float: left;}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    text-align: center;
    padding: 5px 20px;
    text-decoration: none;
    transition: 0.3s;
    color: #fff;
    cursor: pointer;
    background-color: #2a2b40;
    border: 1px solid #ddd;
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px;
    font-weight: 300;
    pointer:coursor;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
ul.tab li a:focus, 
ul.tab li a.active {
    background-color: #20c1e9;
    border-bottom-color: transparent;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: 1px solid #20c1e9;
    /* border-top: none !important; */
    background-color: #fff;
    margin-top: 0px;
}

/*Fade effect*/
.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.datetable_header {
    background-color: #20c1e9;
    width: 100%;
    margin-top:50px;
}

.datetable_header span {
    color: #fff;
    display: inline-block;
    width: 100%;
    padding: 10px 0px 10px 5px;
    font-weight: 700;
}

.datetable_row {
    border-bottom: 1px solid #20c1e9;
    min-height: 40px;
}

.datetable_row a,
.datetable_row span {
    color: #000;
    display: inline-block;
    width: 100%;
    padding: 8px 0px 8px 5px;
}

.datetable_row a {
    color:#20c1e9;
}

.btn-green {
    background-color: #85db08;
    color:#333;
    border-color: #cacaca;
    padding: 5px 10px;
    border-radius: 0px;
    margin-left:20px
}

.btn-gray {
    background-color: #cacaca;
    color:#333;
    border-color: #fff;
    padding: 5px 10px;
    border-radius: 0px;
}

a.btn-green[href='#']{
    display:none;
}